Hi,
I am trying to load a kendo grid using Json Data coming from a controller. I would like to know how I can make my viewmodel grid observable. Please find my view model code below:

function

 

 

initControls() {

$(

 

"#ChargesGrid").kendoGrid({

dataSource: {

type:

 

"json",

transport: {

read: {

url:

 

"Charge/GetCharges",

dataType:

 

"json",

type:

 

"POST"

}

},

pageSize: 5

},

groupable:

 

false,

sortable:

 

true,

pageable: {

refresh:

 

false,

pageSizes:

 

true

},

columns: [

{ field:

 

"Description", title: resourcesSet.str_Desc, width: "150px" },

{ field:

 

"Amount_Due", title: resourcesSet.str_AmtDue, width: "50px" },

{ field:

 

"Date", title: resourcesSet.str_Date, width: "50px" },

{ field:

 

"Title", title: resourcesSet.str_Title, width: "150px" },

{ command: { text:

 

"Edit", click: showForm }, title: " ", width: "80px"}]

});

 

 

 

}



This is my html rendering the grid
<table id="ChargesGrid"></table>

By using a HierarchicalDataSource, the first time a node is expanded, the data is fetch from the data source.
The next time, the data is not retrieved from the data source.
How can one define, that on each expand, the data should be fetched from the data source?

How can we make a cascading dropdownlist or combobox like the country and cities in kendo.
Thanks in Advance

I'm testing implemention of the Kendo MVC grid control using a server-side model.  My Kendo grid is bound to a model in the view and does not implement any Ajax within the control.  I think I have most of it working correctly now.  I did find that if I'm using .Sortable() on the grid control that it makes all column headers sortable regardless is there is a bound() definied for a column.  Some columns have more complex contents that require Templates.  Some columns I don't want to sort on, but without defining .Bound() I can't used .Sortable(false) on the specific column.

Without a bound defined when I click a column header it throws an unhandled exception for the value being 'undefined'.  I've set a bound on all columns now regardless if it is useful or not.  I also tried to use the .Sortable(false) and it doesn't work.  My column is still allowed to be sorted.  That is issue #1.  Issue #2 is I can't find out to get the header for a column to be completely blank.  If I define .Title(null) or .Title(string.Empty) or .Title("") all still result in a small 1 character underline in the header instead of being blank.  Below is a mock up of my code.  Can you let me know if I'm doing something wrong, if this is something I'll have to wait on for the next release or if there is a temporary workaround?

@(Html.Kendo().Grid(Model.innerModel)
        .Name("Grid")
        .Columns(columns =>
            {
                columns.Bound(p => p.Location).Title("Location");
                columns.Bound(p => p.Date).Title("Date").Format("{0:dd.MM.yyyy}");
                columns.Bound(p => p.Info).Template(@<text>@(Html.Raw(item.InfoHtml))</text>).Title("Complex Info");
                columns.Bound(p => p.moreInfo).Title("More Info");
                columns.Bound(p => p.evenMoreInfo).Title("Schedule");
                columns.Bound(p => p.DetailsId).Sortable(false).Template(@<text><a class='jb-row-detailBtn' href='/Info/Detail/@item.DetailsId.ToString()'>Details</a></text>).Title(string.Empty);
            })
       .Footer(true)
       .Pageable()
       .Sortable()
       .DataSource(dataSource => dataSource
           .Server()
           .PageSize(2)
           .Total(Model.innerModel.Count)
         )
  )

Hello there,

I was wondering if there're any extra steps involved to get the validators to work on Kendo UI controls.  I have a Product model with UnitPrice and Quantity properties.  Both properties are decorated with the [Required] attribute.  In addition the Quantity property has [UIHint("Integer")].  Without the UIHint, Html.EditorFor(obj => obj.UnitPrice) will render out a regular textbox and the required-field validator will work just fine. However the NumericTextBox for the Quantity will not perform any required-field validation.  I also attached a sample project with the setup I described.  If anyone could take a quick look and let me know if I'm missing anything simple, I'd appreciate it.

Thank you,

Ben

I have a grid that needs to display a check box control in each row conditionally.  For example is the logged on user is the creator of that record, then show the check box, otherwise do not.  I am using Ajax data binding and cannot seem to find any examples of doing this. Are there examples of doing this out there?

The method GridRouteValues() is not not available in my controllers.
What have I missed?

Hi all,
All elements of kendo ui are very fexible and usable. That is very important but elements as filters, page, and sorts in grids or width in splitter, can be saved state.
states can be saved for future elements entered by means of cookies?
and then set starting these elements obtained from the cookies saved?
The ui framework have any native method for this, or there is that develop any solutions...

best regards

I am taking an existing project and adding KendoUI in place of Grid's by another vendor.
The project uses IoC, UnitOfWork etc and so the MVC controllers do not directly use the Context and I cannot see the ToDataSourceResult method.
I have got it mostly working using .Server(), but now want to start using Ajax.


What does ToDataSourceResult do, and how can I replicate its functionality?

With the Telerik MVC grid it was simple to hide the footer with the .Footer(false) option. There doesn't seem to be a equivalent option for the Kendo grid, unless I missed it?

Anyone managed this?

Thanks!