We are considering about using kendo UI in our project. Here i came up with some problems:

$("#grid").kendoGrid({

    dataSource: {

        data:[

            {"ProductID": "1","ProductName": "name01", "UnitPrice": ['$33.55','$55.55','$23.55']},

            {"ProductID": "2","ProductName": "name02", "UnitPrice": ['xx','yy','zz']},

            {"ProductID": "3","ProductName": "name03", "UnitPrice": ['aa','bb','cc']}

        ]

    },

    selectable: "row",

    columns: ["ProductID", "ProductName", "UnitPrice"],

    dataBound: function(){

        $("#select").bind("click",function(){

            var $row = $("#grid").data("kendoGrid").select();

            var product = $("#grid").data("kendoGrid").dataItem($row).toJSON();

 

            alert(JSON.stringify(product));

             

            //what i got from alert is:

            /*           

             {"ProductID":"1",

              "ProductName":"name01",

              "UnitPrice":{

                  "0":"$33.55",

                  "1":"$55.55",

                  "2":"$23.55",

                  "_events": {"change":[null]},"length":3}}

            */

             

        });                

    }

});

As you see, from JSON.stringify(product), I get some Kendo added cruft like _events and change and length. On top of this, the value of UnitPrice has been converted to a dictionary/json object instead of its original array.  What I really need is to obtain the original data structure for that row.

Reason for such a need is because we are using CouchDB and we really need the data structure to remain the same and not have KendoUI Grid convert it to something else.

Thank you in advance!

​

Referring to this example in the docs...

http://demos.kendoui.com/web/mvvm/remote-binding.html 

The selectedProduct in the viewModel gets set when the dropdownlist value changes. If you change this example and replace the dropdownlist with an autocomplete then it doesn't work. The selectedProduct gets set to the value of the data-text-field (the product name). Is this a bug or an inconsistency? Either way, it really should be changed so that value is the data item from the datasource i.e. the product object. Should all widget binding work in this way? 

M

Hello,

We need to create a grid using kendoui as kendoui gives output in html5 and works in offline mode.

Please suggest us documentation, videos by which we can get idea about grid development which works in offline mode.

Please check our requirements as below.

We need to develop a grid which at first time bind data from datasource but once when message received need to
update grid by adding rows to grid.

We are using signalR to acknowledge the browser regarding data received.

Also when user is in offline mode,  need to acknowledge user regarding offline and once when user be on line, update
grid with all data available from server.

Please suggest us how should we go to accomplish this.

Thank you

Is there planned support for JSON-RCP for DataSource? At least something that does batches? Using REST is fine for example code, but otherwise can result in many connections, etc. While a bigger problem in mobile, it still makes a difference in desktop. ExtDirect and json-rcp both seem to fit the bill.

Hello All,

I'm using a batch edit grid with an editor template that is very similar to the editor template demo on your site.  I'm getting some strange behavior when editing the dropdownlist cell.  The difference between my situation and the demo is that ProductID in the demo is a non-nullable numeric column, but in my case it is nullable.  I am capturing the grid save event just to verify that something is happening.  It works fine when editing a cell that already has a value selected for ProductID.  But for new rows or for cells where there is no ProductID changing the value doesn't persist the change back to the grid.  The save event doesn't fire in this case.  If I update my model so that the property is non-nullable and returns a value of -1 where I would have been returning a null then it works.  So it feels like there's some weird behavior with the DropDownList, but maybe there is something I'm doing wrong.  Let me know if you have any ideas.

My source code is pretty messy right now, but I could try to hack up the editor demo to match my situation if that would help.

Thanks,
Brian

I've enabled filtering on a few columns. However, I don't see how the filtering is supposed to work. There has been no change in the appearance of the header (or the headers of any other columns) and there is no apparent way to filter any columns. Am I doing something wrong or looking in the wrong place for filtering? Here's the code:

    $("#grid").kendoGrid({
        dataSource: {
            type: "json",
            transport: {
                read: {
                    url: "Home/GetWorklist",
                    dataType: "json",
                    type: "GET",
                    contentType: "application/json; charset=1-8"
                }
            },
            pageSize: 15,
            schema: {
                data: "data",
                total: "total"
            }
        },
        columns: [
            { title: "Part Number", field: "PartNumber", template: "#= PartNumber #" },
            { title: "Noun", field: "Noun", filterable: true },
            { title: "Procurement Code", field: "ProcurementCode", filterable: true },
            { title: "Cage Code", field: "CageCode" },
            { title: "Responsible", field: "Responsible" },
            { title: "SONIC Queue", field: "SonicQueue" },
            { title: "SONIC Status", field: "SonicStatus" },
            { title: "Priority", field: "Priority" },
            { title: "DIS", field: "Dis", width: 50 },
            { title: "QIS", field: "Qis" },
            { title: "Status", field: "Status" },
            { title: "Estimator", field: "Estimator" },
            { title: "Related Parts", field: "RelatedParts" }
        ],
        pageable: true,
        sortable: true
    });

Can I manually append column after I init the Grid?

Hi,

I want to add a submit form to panel bar. when I click submit button it will be submit and display result inside panel. But, I do not know how to do it.

Can you help me please?

Thanks,

for example: 

<ul id="panelBar">

<li>

                    Add User
                    
                     <div>
                    <form>
                    <input type="submit" name="btnSubmit" value="Submit" />
                    </form>
                    </div>





</li>

<li>
  Update User
</li>
</ul>

I have list products and I want define 3 columns and 5 rows with ListView, how to to do with ListView. Thanks

Hi,

I'm trying to make some exercises, specifically one like the Virtualization of remote data Example, but I have a problem:
When I set
scrollable: {
  virtual: true
}

the Grid is not scrollable... when setting it to virtual : false, I can scroll it but more data isn't retrieved from server. I'm attaching my code.

Thanks.