I have created an example here. jsfiddle If you type 'z' or any invalid date and click the button the message covers the images used in the control. I tried to create a span tag to display the message but that did not work. Please help.

Hi,
I m  using kendo Hierarchy  grid. In child grid I put a "edit" button. So I need to get child row first column data (ID) when I click the edit button.
 My detailInit function and clickbfunction is here.

function detailInit(e) {                       
             var    _Po_sectionID =e.data.SectionID;
                                    $("<div/>").appendTo(e.detailCell).kendoGrid({
                                        dataSource: {
                                            transport: {
                                                read: _PostionsBySectionUrl + _Po_sectionID
                                            },
                                            schema: {
                                                data: "Data",
                                                total: "Count"
                                            },                                    
                                        },
                                        scrollable: false,
                                        sortable: true,
                                        pageable: true,
                                        columns: [
                               
                                            { field: "ContainerID", title: "Possition ID",hidden:true },
                                            { field: "ContainerName", title: "ContainerName",hidden:true  },
                                            {
                                                title: "Action", width: 95, command: [
                                                          {
                                                              id: "edit",
                                                              name: "edit",
                                                              click: OnPositionRowSelect,
                                                              template: "<a class='k-button k-grid-edit' href='' style='min-width:16px;'><span class='k-icon k-edit'></span></a>"
                                                          }                                                       
                                                    ]
                                                },
                                        ]
                                    });
 } 

 function OnPositionRowSelect(e) {
                 e.preventDefault();
                 _ _ _ _ _  _ _ _ _ _   _ _ _ _ _  _ _ _ _ _  _ _ _ _ _
                 _ _ _ _ _  _ _ _ _ _   _ _ _ _ _  _ _ _ _ _  _ _ _ _ _
                _ _ _ _ _  _ _ _ _ _   _ _ _ _ _  _ _ _ _ _  _ _ _ _ _
               _ _ _ _ _  _ _ _ _ _   _ _ _ _ _  _ _ _ _ _  _ _ _ _ _
               alert("Container Id : "+ ContainerID);

 }

Regards

I have a Kendo Grid and am using MVVM.  I have my solution working for all CRUD operations more or less. One thing I was wondering is how do I manage server side validation errors in the grid when using MVVM.  For instance if I add a new record which calls a web service to save.  If the WS raises an error saying a record already exists with the same values or similar then how do I go the following:

1) Catch the error and display to the end user
2) Prevent the row from being added to the grid (I wouldn't want to copy the update to the model in this case).

The web service call will still succeed with a 200 http code however it will return a flag indicating there was a validation failure.  My data source code is like:

var paramDataSource = new kendo.data.DataSource({
            schema: {
                data: function (data) { //specify the array that contains the data
                    return data || [];
                },
                model: { // define the model of the data source. Required for validation and property types.
                    id: "PARAMETER_ID"
                },
                errors: "error"
            },
            error: function(e) {
                alert(e.errors);
                },
            pageSize: 10,
            batch: false,
            transport: {
                read:
                {   
                    url: "/UserParameter/GetData",
                    dataType: "json"
                },                
                update: {
                    url: "/UserParameter/Edit",
                    type: "POST" ,
                    dataType: 'json'
                },
                create: {
                   url: "/UserParameter/Create",
                    type: "POST" ,
                    dataType: 'json'
                }
            }
        });



// Create an observable object.
        var vm = kendo.observable({
            userParams: paramDataSource
        });

        kendo.bind($("#userParams"), vm);        

Hi,
   I have a requirement which is as follows.
   I would want to add new rows to the grid and there should be a serial number which should get incremented automatically. Please let me know whether this can be achieved in Kendo grid. I am working on the HTML version and not on the MVC version. A sample in the HTML version would be great.
Regards,
Vijay

We need to display a custom content in the grouping cells (the empty leftmost indentation cells in data rows). Currently it is impossible since the cells are rendered "statically":

Currently I insert my cell content AFTER the rows are rendered using $('.k-group-cell', row).html(...). But, you know, it is far not the best approach.

Please implement a grid option, say, as follows: it won't be too hard. And let me know if you would like me to contribute.

Thanks

Dear Telerik Support

We are in the upgrading process of adjusting our app to meet the iOS7 style.
Custom icons are used within TabStrip, with the newest Version v2013.2.1002 we are facing the issue that these icons don't get proper active states.

To help you, that you can help us I've created a sample so that you can reproduce the issue. Its based on your standard TabStrip example.
Please note that the problem only appears when using the app on an iPhone or in the iPhone Simulator from Xcode. In Chrome / Ripple everything is fine.

As you see in the attached screenshot, the active TabStrip element changes the text-color but the icon stays the same. Surprisingly the icon gets colored right when you click on an input box on the according content page. But even then, all custom icons change their color. Using the normal icons from the font like the globe works as it should.

You find the example and two screenshots which are showing the wrong behavior in the attachments.
Would be awesome to have a solution or workaround soon.
Best Regards
Gilles

Hi,
I need text of all selected nodes in the Treeview (Checked) in an array.

I can traverse through the selected nodes but not able to read text. text property not working

$("#treeview .k-item input[type=checkbox]:checked").closest(".k-item").each(function () {
// change whatever you want, for example:
**alert($(this).data.text);**
$(this).css("color", "green");
});


Thank You.
Best Regards.

Hello, 
i have a standard grid like this:
My model looks similar to this: 
Page Model contains an array of ItemModel and i would like to display the Items field as a separate grid for each corresponging ItemModel.
Is it possible to achieve this in an easy way (preferably setting and filtering data source straight from the page Model, since it is already loaded in) ?
I was fooling around a lot with provided examples, but i wasn't able to fill the hierarchic grid with the right data. 
Thank you for any suggestion.

Rostislav Striz

I noticed the drawer widget is broken in the latest public build of mobile. Is there a way for paying customers of icenium to get the working drawer from the internal build of mobile or do we have to wait for the next public release of icenium?

 I am using kendo date picker in couple of places in my application, and need to change the background when the date is greater and equal to 10/2013. How this in the attached image.

http://jsfiddle.net/TXUDw/2/