hi,
I have a list view.Inside that i have different fields including text boxes and drop downs.when i select edit mode the focus going to the first field that is text box in my case.I want to set the focus in which ever field i click on,but not on first field by default.Is setting the focus on required field is possible for List view.
Please suggest me any sample or example on how to do this

Thanks

I am having a great time exploring the Keno UI Controls and framework. I am particularly interested in developing business apps. We have an existing oData Service which I would like to leverage. Can anyone tell me how I can use the $expand parameter to force oData to include a sub-entities in the result from a dataSource.

Thanks

Hi all,

Hope someone can point me in the right direction because this is driving me crazy...

I'm trying to bind a grid to an asp.net WCF service on another domain using jsonp.

The data returned by the WCF service is like localData in the code below. Databinding succeeds when binding the grid to the localData, but if i change to the raDataSource it gives an error. In firebug it says:  "invalid label {"d":[etc " . 
 
I found a number of posts on the forum saying to add schema { data: "d" } to the datasource but i keep getting the same error.

Any idea's?

Kind regards,
Tycho

Hi,

I have a prolem while assigning data to control which is generated from another page. While routing to another page, I am not able to assign the selcted value to a text box.

Please help me in this regard. Code is below here:

@{ 
    ViewBag.Title = "TaskDetailListView";
    Layout = "~/Views/Shared/_Layout.cshtml";
} 
    <div id="formcontainer">
        <div id="demo">
     Order ID: <input data-bind="value: OrderID" /><br />
     Shipment Name: <label data-bind="text: ShipName" ></label>  
 </div>

   </div>

    <script type="text/javascript">

        $(document).ready(function () {

 

            var productsSource = new kendo.data.DataSource({

                transport: {

                    read: {

                        contentType: "application/json; charset=utf-8",

                        type: "GET",

                        dataType: "json",

                        url: "http://localhost:23794/api/Task/TaskItem"

                    }

                },

                schema: {

                    total: function (result) {

                        alert(JSON.stringify(result));

                    },

                    model: {

                        id: "OrderID",

                        fields: {

                            OrderID: { type: "number" },

                            ShipName: { type: "string" }

                        }

                    }

                }

            });

 

            var viewModel = kendo.observable({

                dataSource: productsSource

 

            });

             productsSource.fetch();

 

            kendo.bind($("#formcontainer"), viewModel);

          

        });                  

    </script>

 

Hi there,

Can i know, how to customize Radial Gauge Niddle color?

Thanks,
Rajesh.C

Hello

i have an issue with the grid and the editable options.

this fiddle works fine http://jsfiddle.net/hansdampf10/nPXey/1/

In the config editable: true works fine.

I want to change the confirmation message on deletion so i changed config to this

editable: {
update: true, // puts the row in edit mode when it is clicked
destroy: true, 
        confirmation: "Custom message"
}

when i do this, the grid is not editable anymore and i can't add new entries. You can see the problem in this fiddle
http://jsfiddle.net/hansdampf10/JFnj6/1/

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}]