Questions on Kendo UI for jQuery Forum

1 answer

294 views

The PanelBar's usage of the DataSource is different than that of the DropDownList's. Is there a specific reason for this?

It would be nice to have the same API between controls for modifying data.

$('#element').data('kendoPanelBar').dataSource; // undefined

PanelBar

answered on 30 Nov 2012

3 answers

110 views

Filtering of columns not working

i have downloaded trial version of Kendo UI Grid. The filtering of the grid column is working only for the 2 to 3 columns, not for all columns (i have 7 to 8 column). Is there any restriction on the number of column can filter on the grid?

please advice.

kalpesh.

Grid

answered on 30 Nov 2012

1 answer

99 views

Application Example Missing Files

I am trying to get started using Kendo UI Mobile and I want to play around with the application example from the trial download but it only has the index.html file and is missing the play-music.html and music-store.html files. The online example on your web site shows displays these pages but also does not show the code from these pages. It would be nice to see these since I intend to build a multi view mobile site and seeing some actual code that works would help me get moving forward quicker. Can someone point me to where these files are?

Thanks

Application

answered on 30 Nov 2012

4 answers

214 views

JS kendoGrid applied to MVC grid, problem.

Hi:

I am trying the following approach:

@model IEnumerable<Mvc3App.Models.Employee>

@{

ViewBag.Title = "Index";

}

<script type="text/javascript">

$(document).ready(function () {

alert('stopped');

$("#kjsimpleGrid").kendoGrid({

groupable: true,

scrollable: true,

sortable: true,

pageable: true

});

</script>

<p>

@Html.ActionLink("Add", "Create")

</p>

<table id="kjsimpleGrid">

<thead>

<tr>

<th></th>

<th>Id</th>

<th>Last</th>

<th>First</th>

<th>Title</th>

<th>City</th>

<th>Region</th>

<th></th>

</tr>

</thead>

<tbody>

@foreach (var item in Model) {

<tr>

<td>

@Html.ActionLink("Edit", "Edit", new { id=item.EmployeeID }) |

@Html.ActionLink("Details", "Details", new { id=item.EmployeeID })

</td>

<td>@Html.DisplayFor(modelItem => item.EmployeeID)</td>

<td>@Html.DisplayFor(modelItem => item.LastName)</td>

<td>@Html.DisplayFor(modelItem => item.FirstName)</td>

<td>@Html.DisplayFor(modelItem => item.Title)</td>

<td>@Html.DisplayFor(modelItem => item.City)</td>

<td>@Html.DisplayFor(modelItem => item.Region)</td>

<td>@Html.ActionLink("Delete", "Delete", new { id=item.EmployeeID })</td>

</tr>

}

</tbody>

</table>

And I am getting the following js error:
Microsoft JScript runtime error: Invalid template:

I would like to use as much js as possible and not depend on helper extension methods.

Phil
The error message is:
Microsoft JScript runtime error: Invalid template:'<tr data-uid="#=uid#"><td>#=#</td><td>#=Id#</td><td>#=Last#</td><td>#=First#</td><td>#=Title#</td><td>#=City#</td><td>#=Region#</td><td>#=#</td></tr>' Generated code:'var o,e=kendo.htmlEncode;with(data){o='<tr data-uid="'+(uid)+'"><td>'+()+'</td><td>'+(Id)+'</td><td>'+(Last)+'</td><td>'+(First)+'</td><td>'+(Title)+'</td><td>'+(City)+'</td><td>'+(Region)+'</td><td>'+()+'</td></tr>';}return o;'

Grid

answered on 30 Nov 2012

2 answers

220 views

list values are not displaying in kendoComboBox

i want to bind list of values to kendoCombobox from dataBase through webservices.here is the code

<select id = "CbxArea" style="width:200px">
</select>

$(document).ready(function ()
$("#CbxArea").kendoComboBox();
var cmbArea = $("#CbxArea");
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "FlashReportWebService.asmx/GetAreaNames",
dataType: "json",
success: function (data) {
for (i = 0; i < data.d.length; i++) {
cmbArea.append($("<option></option>").val(data.d[i].AreaName).html(data.d[i].AreaName));
}
}
});

list of values are coming successfully, but the problem is only 1st value is showing in combobox,remaining values are not displaying(i have 16 values in list)
if i write $("#CbxArea"); instead of $("#CbxArea").kendoComboBox(); total 16 values are displaying in comboBox.is there any problem in kendocombobox for binding values from .asmx page....i must display values in kendoComboBox only...please help..
thanks,
parsanamoni.

ComboBox

answered on 30 Nov 2012

3 answers

203 views

Grid Hierarchy not working. Demo attached

Hi,

I have read almost all examples of Kendo Grid hierarchy and tried everything but it does not seem to work for me. I am not doing anything extra at all. Please see the demo project here http://www.mediafire.com/?5qjyp40qfef7dkb

I always get 'Uncaught Error: Invalid template:'' error.

You will need Kendo.Mvc.dll file to run this project. You could see the error once you un-comment this line //.ClientDetailTemplateId("employeesTemplate")

Thanks!

Grid

answered on 29 Nov 2012

1 answer

211 views

Dialog boxes

Hi there,

Are there currently any plans to introduce a native looking dialog box?

Many thanks

General Discussions

answered on 29 Nov 2012

1 answer

167 views

Several Problems/Questions with MVVM in Kendo

I've just been recently looking into KendUI as a solution for my company and in tests I have run into a few problems and have not found anything useful in your documentation.

The questions:

Can you create a model outside of the view model and reference it from the view model?
In other frameworks such as KnockoutJS you can create your view model and models independently of each other. I don't believe I saw a way to do this in your documentation

How do you set the option a select defaults to?
I noticed that there is an option in the drop down list widget for and option named "optionLabel" that creates a default option in your drop down list. I tried using what I assumed was your method of specifying it in the MVVM framework using "data-option-label" but that only added an option to the select list and didn't display it by default. Does this have to be done using the value binding in order to work correctly?

How do you specify calculated fields in select boxes?
I saw in your documentation that you used

<div data-bind="text: person.lowerCaseName"></div>

to call a function that returns a lowercase string but if I do that on a select I just get the string representation of the function I declared. If I added parenthesis to the end then the correct value was displayed in the select box but that broke the code if I used an optionLabel, which leads into my next question.

How do you use calculated values in situations where you also use the "optionLabel?"
I tried using both on a select but exceptions were thrown because it was trying to find the calculation function on the option label which is only a string object.

MVVM

answered on 29 Nov 2012

1 answer

94 views

kendoui mobile with ember js

Hi,
I wish to know how i can combine kendoui mobile version with ember js, this is pretty straight forward with kendoui web, where you can wrap up the widget in views using didinsert method. but kendoui mobile requires an instantiation of app and has its own architecture different from kendoui web. how then do i go about using emberjs to power the application flow while only using kendoui mobile for views rendering

General Discussions

answered on 29 Nov 2012

1 answer

117 views

Selecting a value from DropDownList does not change cell value

I have a grid bound to an XML data source. Some elements in the XML may be missing; in this case, the value of the corresponding field should be null. This is working fine when I use a string or number-type editor, but when using a DropDownList, if the element is missing from the XML, the grid cell remains blank after I select a value from the list. You can see this in this fiddle (try selecting a value in the bottom right cell).

Grid

answered on 29 Nov 2012