I'm evaluating the use of kendoUI for a new project. i've placed an asp.net dropdownlist on a blank page and wired up the databind and postback event on the aspx.cs code behind. 

    <asp:DropDownList ID="comboBox" runat="server" 
    DataTextField="monthfullname" DataValueField="mthid" CssClass="k-combobox" 
    AutoPostBack="true" onselectedindexchanged="comboBox_SelectedIndexChanged">
    </asp:DropDownList>

and the js on document ready

    <script type="text/javascript">
        $(document).ready(function () {
            $(".k-combobox").kendoComboBox();
        });
    </script>

i've tried it on IE8 and it works fine, but on chrome the postback is giving me the "Aw, Snap!" page. what could be the issue?

i've disabled all extensions on chrome already but to no effect.

PS: i'm developing on localhost

Hi,

WCF Service returning JSON string for hierarchical grid. While binding to grid, I am getting following error. In examples I found two different services calling for Parent and Child. My requirement is one JSON string with hierarchical gird.

Invalid template:'<tr data-uid="#=uid#"><td>${All}</td><td>${sample name}</td></tr>' Generated code:'var o,e=kendo.htmlEncode;with(data){o='<tr data-uid="'+(uid)+'"><td>'+(e(All))+'</td><td>'+(e(sample name))+'</td></tr>';}return o;'

...rapper">' + '<button class="k-dialog-insert k-button">Insert</button>' + "&nbsp;...

  <div id="example" class="k-content">
        <div id="grid">
        </div>
        <script type="text/javascript">
            $(function () {
                dataSource = new kendo.data.DataSource({
                    schema: {
                        model: {
                            id: "_grdData"
                        }
                    },
                    pageSize: 10,
                    transport: {
                        read: { url: "/Service.svc/GetData", datatype: "json", type: "GET" },
                        parameterMap: function (data, operation) {
                            if (operation != "read") {
                                return JSON.stringify({ Service : data })
                            }
                        }
                    }
                }),


                $("#grid").kendoGrid({
                    dataSource: dataSource,
                    pageable: true,
                    scrollable: {
                        virtual: false //false
                    },
                    detailInit: detailInit,
                    dataBound: function () {
                        this.expandRow(this.tbody.find("tr.k-master-row").first());
                    },
                    toolbar: ["create"],
                    editable: "popup",
                    columns: [
                            { field: "name", title: "Name", width: "150px" }


                     ]


                });
            });

            function detailInit(e) {
console.log("Name: " + e.data.child[0].name );
                console.log("Name1:" + e.data.child[0].name1 );
                $("<div/>").appendTo(e.detailCell).kendoGrid({
                    dataSource: dataSource,
                    filter: { field: "id", operator: "eq", value: e.data.id},
                    columns: [
                        { field: e.data.child[0].name, title: "Name", width: "150px" },
{ field: e.data.child[0].name1, title: "Name 1", width: "150px" } 
              ]
                });
            }
        </script>
    </div>

JSon Data from service :
[{"name":"All","id":5369,"child":[{"name":"All","id":5369,"child":null,"name1":"sample name"}],"name1":null}]

Sorry, new in the KendoUI..
How do I add tooltip to the button?
this does not work

 

<span id="search" data-tooltip="Hello World" class="k-button">Search</span>

 

 

 

Any plans to support this?
http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultcs.aspx

(Select a parent and the children inherit)

I'm trying to access a REST service that expects raw XML to be POSTed in the body of the request. I read in the forums here that the transport property of the Data Source works via the jQuery.ajax() function, so I should be able to do something like this:

In Fiddler, I can see that the Content-Type of the request is indeed getting set to "application/xml". However, the body is totally empty. If I change the data parameter to use a key-value structure, then it does pass the key-value in the body of the request. I can't figure out why sending raw content in the body isn't working - does Kendo pre-process the data property in some way to disallow this kind of use?

With Version 515 I am noticing a minor issue with column resizing. Even though the browser has focus I have to sometimes click on the column heading in order to get the column resize cursor to appear.

i.e. it is a normal cursor even on mouse hover over a gutter between columns in the grid header. But a one time click on any of the headers will restore the mouse hover action.

True, I have a very busy display with tabs, panels, a Google map, etc. and I do have a lot of features enabled in the Grid: (8 columns):

After submitting form We are getting dropdown is undefined with an error datasource object is “null” or “not an object”

We are using dropdown component as below code

Examples:

var dropdown = $("#cboxLoadedContent #connection_mode").data("kendoDropDownList");

dropdown.dataSource.data([{text:'Connection Mode',value:'0'},{text:'Local Files',value:'localfiles'}]);

This is happened only on internet explorer 8 with compatibility view mode on/lower version of internet explorer browser.
It working properly with mozila 9 and Internet explorer 8.

Thanks in advaced.
Please reply me as soon as possible.

When you have an editable grid, something in the most recent version is requiring the parameterMap function to be present, even if it does nothing. My code is copied below, and if I comment out parameterMap and try to submit batch changes, I get the following error:

Uncaught TypeError: Cannot read property 'field' of undefined

var contactData = new kendo.data.DataSource({
        transport: {
            read: {
                url: baseUrl + "/contact",
                dataType: 'json'
            },
            update: {
                url: baseUrl + "/contact/update",
                type: "POST"
            },
            destroy: {
                url: baseUrl + "/contact/delete",
                type: "POST"
            },
            create: {
                url: baseUrl + "/contact/create",
                type: "POST"
            },
            parameterMap: function(options, operation) {}
        },
        batch: true,
        schema: {
            model: contactModel
        },
        requestStart: function(e) {
            //console.log(e);
        },
        error: function(e) {
            alert("Error: " + e.errorThrown);
        }
    });

i am not able to add data to innergrid data source  of hierarchy grid ,
im not able to access datasource of inner grid
Is der any method or way to access datasource of innerGrid

$("#indentGrid").kendoGrid({
        dataSource: storeRestrictionsDS,
        pageable: false,
        editable: true,
        selectable: true,
        detailInit: detailInit,
        autoBind: true,
        
        
        columns: [
            {field: "product",editor:nameEditor,title:'<g:message code="grid.pricing.fromDate.label" default="Product Name" />'},
            {field: "numberOfDays",title:'<g:message code="grid.pricing.fromDate.label" default="Number Of Days" />'},
            {command: { text: "ReIssue Product", className: "details-button" }, title: " ", width: "190px" }
            ]
        });


    
    function detailInit(e) {
        $("<div/>").appendTo(e.detailCell).kendoGrid({
            dataSource : {
            data:data
            },
            scrollable : false,
            sortable : true,
            cancel : true,
                 columns: [
                    {field: "name",title:'<g:message code="grid.pricing.fromDate.label" default="*Product Name" />'},
                    {field: "issueValue",title:'<g:message code="grid.pricing.fromDate.label" default="*Issue quantity" />'},
                ],
            });
        data=[];
       }
    
    });


productGridId another grid from where i get data

var productGridId=$("#productGrid").data("kendoGrid");
                    var productData = productGridId.dataSource.view()
                    var tmp = "", tmpId = "";
                for ( var i = 0; i < productData.length; i++) {
                            if   (productData[i].isChecked) {
                                 tmp = tmp + ","   + productData[i].name
                                 tmpId = tmpId + "," + productData[i].issueValue
                            }
                }
                     tmp = tmp.substring(1,tmp.length);
                     tmpId = tmpId.substring(1,tmpId.length);

    
                     var   yo = tmp.split(",");
                     var yo1 = tmpId.split(",");
           
    HERE I ADDED DATA TO DATA VARIABLE
                for ( var i = 0; i < yo.length; i++) {
                        data.push({
                                    name : yo[i],
                                    issueValue:yo1[i]
                                 });
                }

indentGrid in my parent grid and i create inner grid by using <div/>  it dosen't  have any id ,to make it indivisual for each masrer row,
Here i dont want to get data from  from read operation  
i tried it by using a globle variable Data that i added value to thid data variable than i added thid data variable to my inner grid datasource but its not working
so please solve my problem
HOW TO add data to dataSource of inner grid of heirarchy grid .................

Is this possible now with data source and is there sample how to do it:

schema: {
                        data: "data",
                        total: "count",
                        model: {
                            id: "Id",
                            fields: {
                                Id: { editable: false, nullable: true },
                                Naziv: { validation: { required: true} },
                                Child: [ 
                                                { Id: { editable: false, defaultValue: e.data.Id}}
                                         ]
                            }
                        }
                    },

Thanks.