I see that the KendoUI Tabstrip content container can load/render its content on-demand via ajax request to server.
I'm curious how the KendoUI Tabstrip content container will load/render other KendoUI widgets on-demand, say, Grid, List, Tabstrip, ect.
Ajax requests to server should just to get json data.

The UI stuff is great, but having a server side/middle-tier to build the logic that is integrated with the UI, is the real key to jump in and build application. Having this separation and trying to glue things together, is too time consuming to build LoB apps.

Is the team considering providing a more integrated framework that is a one-stop place to do everything?
Thanks!

Why I can't sort of more column, and this can be a single?
code:
                var grid= $("#grid").kendoGrid({
                    dataSource: {
                        transport: {
                            read:{
                                url: "contract/list",
                                dataType:"json"
                            }
                        },schema: {
                            model: {
                                fields: {
                                    num: { type: "string" },
                                    proj: { type: "string" },
                                    type: { type: "string" },
                                    amount: { type: "number" },
                                    paid: { type: "number" },
                                    unpaid: { type: "number" },
                                    bl: { type: "number" }
                                }
                            }
                        },
                        
                        pageSize: 20
                        //  serverPaging: true,
                        // serverFiltering: true,
                        // serverSorting: true
                    },
                    selectable: "row",
                    //  change: onChange,
                    change: onChange,
                    dataBound: function(e) {
                        if(this.dataSource.group().length == 0) {
                            //changes the text of the grouping template
                            setTimeout( function() {
                                $(".k-grouping-header").html("拖动列到此进行数据分组");
                                //   $(".k-toolbar.k-grid-toolbar").append("<span id='customMessage'>New or changed data are not stored - Please save data.</span>");
                            });
                        }
                        // var grid = $("#grid").data("kendoGrid");
                        //  grid.tbody.find("tr:gt(0)").find(" td:eq(1)").css(tr_sl);
                        // grid.tbody.find("td:eq(1)").css('background','#F00');
                        // var x= grid.tbody.find("tr:gt(0)").find(" td:eq(7)").text();
                        // alert(x)
                        //  if(x<=0){
                        //  x.css('background','#F00')
                        //  }
                        //  alert(x);
                    },
                    columns: [
                        //      { title: "aaaa", field: "num", width: 130,template:inlineTemplate},
                        { title: "bbbb", field: "num", width: 130},
                        { title: "cccc", field: "proj",width: 60},
                        { title: "dddd", field: "type",width: 50},
                        { title: "eeee", field: "amount",width: 70},
                        { title: "ffff", field: "paid",width: 70},
                        { title: "gggg", field: "unpaid",width: 80},
                        { title: "hhhh", field: "bl",width: 50}
                    ],
                    filterable: {
                        name: "FilterMenu",
                        extra: true, // turns on/off the second filter option
                        messages: {
                            info: "数据筛选选项", // sets the text on top of the filter menu
                            filter: "执行筛选", // sets the text for the "Filter" button
                            clear: "取消筛选", // sets the text for the "Clear" button

                            // when filtering boolean numbers
                            isTrue: "是", // sets the text for "isTrue" radio button
                            isFalse: "否" // sets the text for "isFalse" radio button
                        },
                        operators: {
                            //filter menu for "string" type columns
                            string: {
                                eq: "等于",
                                neq: "不等于",
                                startswith: "指定内容开头",
                                contains: "内容包括",
                                endswith: "指定内容结尾"
                            },
                            //filter menu for "number" type columns
                            number: {
                                eq: "等于",
                                neq: "不等于",
                                gte: "大于等于",
                                gt: "大于",
                                lte: "小于等于",
                                lt: "小于"
                            },
                            //filter menu for "date" type columns
                            date: {
                                eq: "等于",
                                neq: "不等于",
                                gte: "大于等于",
                                gt: "大于",
                                lte: "小于等于",
                                lt: "小于"
                            }
                        }
                    },
                    //    toolbar: kendo.template($("#template").html()),
                    height: h,
                    groupable: true,
                    scrollable: true,
                    sortable: {
                        mode: "multiple",
                        allowUnsort: true
                    },
                      sortable: true,
                      sortable: {
                         mode: "multiple",
                          allowUnsort: true
                      },
                    pageable: true
                        filterable: true
                }).data("kendoGrid");

I'm trying to use declarative widget initialization, but setting the date format of a DatePicker doesn't seem to have any effect.

I would have expected the following would work:

Regards,
Vaughan.

This post is a mistake. Admins please delete.

Is 'Treeview' support for checkboxes included in the 2012 Q1 release (03-22-2012) of Kendo UI?
If not, are there any workarounds?

Are release notes available that document the changes for the new release.

Thank you.
Ryan

Help! I am having some trouble with a data bound grid that uses a template whose generated html has <a> tags that need jquery click handlers. 

in essence
  $('mygrid').kendoGrid({....});
  $('.classWithInGridTemplateRowOutput').click(function(){...});
clicks installed when datasource is array data, and not installed when datasource is remote xml

In the following fiddle the array based data bound grid appears as I want _and_ the click handlers are never installed.
http://jsfiddle.net/RichardAD/U2pwe/

The fiddle was tweaked so the grid has remote XML data binding.  Tweaked page is on another site because I don't know how to use jsfiddle echo/xml for the scenario.
In this case the click handlers are NOT installed! ?
http://devenezia.com/kendo/clickProblem.html

I am speculating there is a time delay incurred loading the remote data so the DOM is not updated at the time the desired selectors are used.

Thanks,
Richard

Hi,

Could someone please provide an example of the correct way to bind a viewmodel to either a schemamodel  or datasource?

Perhaps, I'm blind, but I can't find one.  :)


Thanks!

I wasn't sure if this belonged in the datasource or mvvm thread.  We're attempting to use MVVM with a remote data source, however, we have several cases where we want to add more objects to the data source from the local side.

In our case, one example is for a select list with 1000 items in it.  We can have our web service build that select list object, but it increases the request size considerably.  We would prefer that this list of 1000 items be generated using a for loop on the client side.  We've tried things like this:


I'm filling the data object in the change event of the datasource.

However, when I bind a select list to the UserLimitOptions object of the view model, the change event of the select list errors - I assume because UserLimitOptions isn't "observable".

Any ideas on this?

Hi, the las t version (march 22), have many bugs in WEB and MOBILE demos.....