My Kendo Grid is not displaying any of the data. I am trying to pull down JSON from a web method in an aspx page. I keep getting the never ending spinner. I am new to using these controls and am banging my head against my desk for a day now. 

    $('#grid').kendoGrid({
        columns: [
               {
                   field: "ClientName",
                   title: "ClientName"

               }],
        dataSource: {
            type: 'json',
            serverPaging: true,
            schema: {
                data: 'd'
            },
            transport: {
                read: function (options) {
                    $.ajax({
                        type: 'POST',
                        url: 'ServiceMonitoring.aspx/GetGridInformation',
                        dataType: 'json',
                        data: '',
                        contentType: 'application/json; charset=utf-8',
                        serverPaging: true,
                        success: function (msg) {
                            options.success(msg.d);
                        }
                    });
                }

            }
        },
        height: 200,
        pageSize: 10


    });

Hello.

I am trying to show loading popup when a user logs-in to the system. The popup shows up OK, but the circle animation does not show like the example does. How can I show it? My code is below:

$("#loginButton").click(function ()
{
.....
 kendoMobileApplication.showLoading(); //show loading popup
var url = "some url";
 $.post(url, { UserName: username, Password: password },
function (result)
{
kendoMobileApplication.hideLoading(); //hide loading popup
...
}
Regards.

Hi,
I had a requirement that,in a grid I have  the Tool bar which contains two custom created buttons  (search,delete) .I need to disable the toolbar by default and need to enable when user clicked 'Edit' button and this Edit button is not a part of grid.
I am using  kendo ui web,Framework .
It would be a great help if you suggest me with sample codes in jsfiddle or jsbin.Thanks in Advance.
MyTemplate:
$("#UseGrid").kendoGrid(
{  
dataSource : DataSource,
editable : true, 
height : 260,                          //Need to disable this toolbar and enable it by clicking grid independent Edit button
toolbar:'<div id=\"toolbar\" class=\"toolbar\"><button class=\"k-button\" id=\"search1\" title=\"Search\" onclick=\"openSrch(this);\"/><button id=\"deleteButton\" class=\"k-button sg-button-icontext view-delete\" title=\"Delete\" onclick=\"deleteRow();\"/></div>',

columns : [
{
field : "select",
title : "Select",
width : "16%",
template: "<input type='checkbox' class='checkbox' />"
},
{
field : "name",
title : "Name",
width : "35%"
}] 
});


Regards,
Winds

Hi,

I have a series of UI controls bound to a model using MVVM.  One of the controls is a dropdownlist which has it's data loaded from a remote datasource.   I also have a button besides the dropdown which launches a popuo window. The window allows a new item to be added to the database. 

After this new item is added I would like to force my DDL to rebind to the remote datasource and refresh it's data.

My layout is:

<div id="myDiv>
<div class="k-edit-label">
<label for="DESCRIPTION">Description</label>
</div>
<div data-container-for="DESCRIPTION" class="k-edit-field">
<input type="text" class="k-input k-textbox" name="DESCRIPTION" data-bind="value: DESCRIPTION">
</div>

<div class="k-edit-label">
<label for="GROUP_ID">Group</label>
</div>
<div data-container-for="GROUP_ID" required class="k-edit-field">
<select name="GROUP_ID"
id="GROUP_ID"
data-role="dropdownlist"
data-text-field="GROUP_NAME"
data-value-field="GROUP_ID"
data-source=loadGroup()
data-bind="value: GROUP_ID"
></select> 

<a id="newGroup" class="k-button" >New</a>
</div> 

LoadGroup() will call a web service and will return a list of records which are populated in the dropdownlist.
I make an ajax call to get the model data then bind it to the model like:
datasetMetaModel = kendo.observable({
datasetMeta: datasetModel
});

kendo.bind($("myDiv"), datasetMetaModel);

After the popup window is shown, the new record added and saved to the DB I do the following to try to rebind the dropdownlist

kendo.init($("#GROUP_ID"));
 var dropDownList = $('#GROUP_ID').data('kendoDropDownList');
 dropDownList.dataSource.read();
dropDownList.refresh();

The remote webservice is definitely being hit again and is returning the new data however the dropdown list is never updated.  I'm pretty sure I'm just missing a simple step but can't figure out what it is.

In my column, i wish to display the client footer as a 2 decimal number, right aligned. How do I edit the ClientFooterTemplate to do that:

So far I have the sum appearing fine, just not formatted:

I am developing project for mobile and tablet using Kendo UI Complete  for ASP.NET MVC and have a few basic questions regarding
mobile development and Kendo.

 1. Will Kendo UI Complete for ASP.NET MVC support in all the mobile os ?

 1.1.   If yes, then what are all the mobile os it will support?

2. Will Kendo UI Complete for ASP.NET MVC support  in all the tablets?

2.1 If yes, then what are tablet it will work?

3.  Suppose if I purchase Kendo UI complete for ASP.NET MVC, will I get Kendo UI complete along with it? From the information I got
from your website, Kendo UI Complete supports all mobile devices and tablets, but don’t know what Kendo UI Complete for ASP.NET MVC can
offer.

Please refer the link given below.
http://www.kendoui.com/server-wrappers/mvc.aspx

 
4.       
When I saw forums in Kendo Website, many mentioned that Kendo UI Complete for ASP.NET MVC does not get adapted to different mobile
platforms unlike Kendo UI Complete. So I want clarifications as to what I have to purchase so as to support all mobile and tablet os platforms.

Please refer the link given below.

http://www.kendoui.com/forums/mvc/general-discussions/mvc-and-kendo-mobile-ui-and-openaccess-orm.aspx

Thankyou
Rajthilak.S

 

Hi,

I making a simple autocomplete with remote json data, but it's not working, any idea?
thanks.

I am using a kendoDropDownList in cell edit mode. User can select the value of the drop down list through keyboard. When they press Enter, the new value is saved back to the dataSource.

From here, two things I am trying to do. One is additional keyboard support for using left and right arrow to submit the new value too. Another one is pressing a key to cycle through all options begin with that key.
Eg. if it's a list about cities in U.S., pressing C will select Cleveland, pressing C again will select Colorado Springs etc.

What I done is hook up a downDown event to the kendoDropDownList during the grid edit event handler.
In the event handler, I figured out the next value to select, then I ran a problem. I don't know how to get this value saved back to the dataSource. I tried a couple of ways like.
In the debugging, I can see kendroDropDownList.value() does give me the newValue. But that is just changed at the drop down list, the underlying dataSource is not changed. so when I do grid.closeCell(), or grid.SaveRow(), the old value is populated back to the drop down list.

There must be a step in between that will make the grid commit changes to its dataSource, please help.

Thank you

By default the Kendo Grid for ASP.NET MVC will perform server side requests and load the page and grid on a single request. However, when configured for ajax binding the Kendo Grid for ASP.NET MVC will make ajax requests after the page is loaded which requires one extra request (one for the page and one extra for the data used by the grid). Is there a way to combine Server Binding and Ajax Binding to eliminate the extra request made in Ajax binding? All I'm looking for is to load the data for the page and grid at the same request (like Server Side Binding) for the first time and use Ajax Binding for subsequent requests. To disable the initial load on Ajax Binding we can disable the AutoBind Configuration Option (autoBind:false) of the grid. Now, I need a way to show the data on the grid. 

We recently purchased the Kendo MVC wrappers.  Now an MVC4 app that uses the Kendo menus and worked with the trial license, doesn't display any of the menus that have sub-menus until you either resize the window or mouse over the menu.  Menu items that have no children display when the page initially renders.  We see this only in IE 10.  Firefox, Chrome, & Safari all show-up as expected.