Questions on Kendo UI for jQuery Forum

1 answer

190 views

How to add multiple check boxes in Kendo grid column. I am using trial version of kendo grid in SharePoint.

Please advice.

Grid

answered on 30 Nov 2012

1 answer

144 views

Send kendo.data.Model object back to ASP.MVC

How do I send the object constructed using kendo.data.Model back to ASP.MVC?

For example, a person object is create using the kendo.data.Model using the code below

var Person = kendo.data.Model.define( {

id: "personId", // the identifier of the model

fields: {

"name": {

type: "string"

},

"age": {

type: "number"

}

});

var person = new Person( {

name: "John Doe",

age: 42

});

My first question - How do I use a $.Ajax() to send the object back to my ASP MVC action (e.g AddPerson)?

function addPerson(person) {

$.ajax({

url: "/Person/Add/"

});

}

My second question - How do i bind the receive model on the server side code?

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult Add([DataSourceRequest] DataSourceRequest request, Person person)

{

// Code to add person to database.

}

Grid

answered on 30 Nov 2012

1 answer

311 views

PanelBar DataSource usage

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

115 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

117 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

224 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

242 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

211 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

229 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

176 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