Hello,

I try to use the ListView widget according to the documentation.
I created a list in my HTML as following:
<ul id="listView"></ul>

Then, I copy-pasted the example in the demo:

$("#listView").kendoListView({ 
         dataSource: {
          data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", year: "1980"}]
 },
 template: "<li>${title} ${year}</li>"
});

But when I run it, the code in the browser looks like this: 

as You can see, the template is empty for some reason...

I also noticed that in the examples the template is sometimes inside the dataSource property, like this:
dataSource: {
         data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", yearI : "1980"}],
template: "<li>${title} ${year}</li>"
}

And sometimes like in my first code example, I wonder what is the correct syntax?.. (I tried both.. Same result with the template)

I wonder what am I doing wrong?

Any help would be appreciated.
Thanks,
Irit.

there is a number field name "SiteHits". For this field ,I define validation as below:

I also include jquery(version 1.7.1) and jquery-validate(version 1.9.0).
it seems "digits" is not useful.

Does the problem cause by jquery ?
OR
Does KendoUI not support "digits" validation?

Hope the solution for it, thanks!

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);
        }
    });