Questions on Kendo UI for jQuery Forum

1 answer

103 views

Using the Image Editor in standalone mode.

Hi

I'm not sure if this is possible... I'd like the use the Image Editor to upload and manage a collection of images on a website. The user can then select images to add to an image rotator for articles. i.e. The images aren't embedded in text, but are displayed separately.

Thanks
Paul

Editor

answered on 12 Dec 2012

1 answer

80 views

Using mobile listviews in ASP.Net MVC

When I attempt to click the following list view item:

<ul data-role="listview" data-style="inset" data-type="group">

<li>

<ul>

<li data-icon="toprated" ><a data-url="/url">item 1</a></li>

</ul>

</li>

</ul>

I receive the following error:

Uncaught TypeError: Cannot call method 'getAttribute' of undefined

ListView (Mobile)

answered on 12 Dec 2012

2 answers

186 views

Grid string filter producing incorrect results

So I've dug all through this trying to figure out what is wrong with the filtering and I can't seem to figure it out. Basically my issue is using the "Ends with" filter on a string type. I have been able to reproduce a sample of this and put it on JSFiddle:

Click to view demo

If you filter on the Name column, select "Ends with" and the text "Smith" you get the people named: Joe Smith, Ryan, and Slappy Smith. How or why Ryan got in there is baffling to me...as he clearly shouldn't be.

I stepped through a good portion of the open source and found that this is what's happening:
(d.Name.toLowerCase().lastIndexOf('smith') == d.Name.toLowerCase().length - 5)

I'm assuming this has something to do with the way the data is being cached/queried but I have been unable to find a solution. At first I thought it may be because "Ryan" is shorter than the string I'm searching for, but in that case Don and Bob should have showed up as well...

Any thoughts/explanations/solutions?

Grid

answered on 12 Dec 2012

1 answer

270 views

Kendo Gird Column width not working IE

HI All,
I have displayed URL in my kendo Grid, i set the column width =140. when i bind the grid URL column not wrap up with in the column[It expand long],This is error will come only IE ,it is working correctly in Mozilla.Please provide the information as soon as possible.

Thanks
Parthasarathi M

Grid

answered on 12 Dec 2012

3 answers

215 views

ComboBox CSS w/ Mobile

My ComboBoxes are rendering a bit funky when I include the mobile.ios.min.css or mobile.all.min.css references. The right-hand portion of the control containing the arrow and click to activate and background styling seems to be missing until the combobox is opened.

http://digitalboon.net/temp/combobox.jpg

The combobox appears to have a class overridden within the mobile css. Is this normal behavior or are there classes I have to customize to get comboboxes to render correctly in our mobile application.

Thank you for your time,

Bron

ComboBox

answered on 12 Dec 2012

1 answer

100 views

ListView Models vs the model used by the View hosting the ListView

I have an MVC4 view that hosts a ListView. The ViewModel contains the properties required by the ListView as well as properties used by the main view. Problem is the ListView uses an IEnumerable of the ViewModel and my main view doesn't. Seems I can't have both in 1 view (or can I?).

For example
The MVC view that loads in the listview as a partial view binds to the following model:

@model app.WebSiteModels.EditPhotoViewModel

where EditPhotoViewModel is defined as :

public class EditPhotoViewModel
{
public WebsitePhoto WebsitePhoto { get; set; } //WebsitePhoto is used in my main view
public IEnumerable<Photo> PhotoList { get; set; } //the Photo properties are used in my listview
}

The listview binds to an IEnumerable version of EditPhotoViewModel:
@model IEnumerable<app.WebSiteModels.EditPhotoViewModel>

Problem:

@model app.WebSiteModels.EditPhotoViewModel doesn't work with the viewlist
and
@model IEnumerable<app.WebSiteModels.EditPhotoViewModel> doesn't work with my main view

I must be missing something pretty basic here - please assist asap as I have been trying to figure this out for a few days now and this is urgent.

many thanks
Dave

ListView

answered on 12 Dec 2012

10 answers

1.6K+ views

DropDownList disappears when updated

Using a listview with templating.
The template has a DropDownList in it that the user can change by clicking the Save button.
When the form is first displayed, the dropdownlist looks good.
But when the results from the save button are returned, the DropDownList disappears.

<div id="listView"></div>

<script type="text/x-kendo-tmpl" id="dataSource-template">

<div class="product-view">

<fieldset><legend>Owner</legend><input id="ddlOwner" value="#= Owner #" /></fieldset>

<a id="Save" class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-update"></span>Save</a>

</div>

</script>

$(document).ready(function() {

var dataSource = new kendo.data.DataSource ({

<-- snip -->

change: function() {

template = kendo.template($("#dataSource-template").html());

$("#listview").html(kendo.render(template, this.view()));

$("#ddlOwner").kendoDropDownList({

dataTextField: "Text",

dataValueField: "Value",

dataSource:
[{ Text:"A", Value:"d8368ccc-7974-4353-8462-e414d48164b3" },{ Text:"B",
Value:"4eb5cb10-75ad-46ff-9186-4fb5d1a18c63" },{ Text:"C",
Value:"14467467-587c-4cc1-bc0c-082bd16d11d7" }]

});

<-- snip -->

var listView = $("#listView").kendoListView({

dataSource: workflowSource,

template: kendo.template($("#dataSource-template").html())

}).delegate("#Save", "click", function(e) {

e.preventDefault();

SaveForm(); // this method sends an ajax post to server and gets update

});

Looking at FireBug, the html code for the dropdownlist is: (difference between visible and invisible is the first 'style="display: none;"'). I cannot figure how the display is set to none.

<span tabindex="0" style="display: none;" unselectable="on" class="k-widget k-dropdown k-header"><span class="k-dropdown-wrap k-state-default" unselectable="on"><span class="k-input" unselectable="on">C</span><span class="k-select"><span class="k-icon k-arrow-down">select</span></span></span><input value="d8368ccc-7974-4353-8462-e414d48164b3" id="ddlOwner" data-role="dropdownlist" style="display: none;"></span>

DropDownList

answered on 12 Dec 2012

1 answer

167 views

update the content in the iframes

hi,
I have three different view in my splitter like http://demos.kendoui.com/web/splitter/index.html except the bottom two vertical splitters.
My view contains Left-pane,center-pane and right-pane.
I have loaded these three views using iframes like
<iframe src ="../Home/Index" style="width:100%;height:500px"></iframe>       ----->Left-pane
<iframe src ="../Home/About" style="width:100%;height:500px"></iframe>       ----->centre-pane(ListView)
<iframe src ="../Home/Details" style="width:100%;height:500px"></iframe>      ------>Right-pane

In my center-pane view,I have a button called"details",when i click on this button I am able to retrieve the id value of selected list view.now i want to display the details of that particular id in the right-pane view.how can i display these records in right-pane.

Splitter

answered on 12 Dec 2012

1 answer

401 views

Custom toolbar command, how to avoid redirect?

I'm new at this, so bear with me.

I have a Grid with a toolbar that has a Save() command defined. I also want to define an Approve command, which does backend processing in a similar manner as Save but with a different stored procedure.

Save works fine by simply having toolbar.Save() to create the button, and then datasource.Update("UpdateData", "Controller") to define the backend call.

For Approve, I have tried to do toolbar.Custom().Text("Approve").Action("Approve", "Controller"). This calls the backend Approve method just fine. But it also redirects the page to a /Approve page, which I don't want. I want it to function like Save() does with my Ajax() datasource, and not redirect the browser anywhere.

Is this possible?

Grid

answered on 11 Dec 2012

3 answers

206 views

Anchor tag in Tabstrip on Ipad

I created a site that has 3 tabs. In one of the tabs there are some very simple anchor tags. E.g. <a href="www.telerik.com">Telerik Link</a>

The issue is that some people in the company are complaining that the links dont work on their IPads.

Any suggestions?

TabStrip

answered on 11 Dec 2012