2 grids where 1 grid is populated with remote data and it is editable. On editing the grid by either adding a new record or changing an existing I'd like to update the other grid automatically. Is this possible?

The scenario is where the 2nd grid's columns comprise the data in the first column of the first grid so any changes to the first grid need to be displayed in the second as soon as possible. I've tried a few things and come up with a boolean flag which gets set on edit of the first and then the 2nd gets refreshed if the user tries to edit it but this is far from intuitive.

Thanks
Matt

For the Application > Form Elements > Text type standard box how does one specify the empty text. This is the text that appears in a standard textbox when do data has been entered. See iOS Contacts application when adding a New Contact the First, Last, Company appear grayed in the first three boxes almost like a watermark. 

This improves the interface as it does not require us to set label text for each textbox and it looks closer to how the native iOS data entry forms work.

Hi,

I have a strange error with Kendo Grid. I have a model defined :


I have a grid which uses this model. In the grid I have rowTemplates defined. What I observed is, if in one of the columns which is editable, I put a 0 value and after, if I try to re-edit the same cell afterwards the numeric text box in the grid cell is not rendered. In some cases a simple input is rendered in other cases the value 0 disappears and no control is displayed in the cell.

Here is the column definition for the marked column in the attached image:


Do you have any kind of ideas what am I doing wrong?

Thanks in advance!!

Both Kendo UI Mobile & jQuery Mobile are in beta stages. I would like to see a comparison matrix at the some point between the two. I am planning to build a mobile web app and it seems I will be choosing one from these two.

hello
I have a function to which you want to add a checkbox to have a function but this function need to pass the name of my form will add it to function with the single quote '
but when added to the grid do not show me anything the grid
how I can add the name of my form but show me what the grid

in a post showing how to add html elements to the grid in the property template

template: "#= kendo.toString(\'<form name=\"form_r\" method=\"post\" action=\"activauno.asp\" onSubmit=\"return enviarForm();\">

<input id=\"radio-01\" type=\"checkbox\" name=\"enviar\" value=\"1\" onClick=\"SelectedCheckBox(this,'form_r',1);\"/>

<button id=\"boton\"name=\"boton\" type=\"submit\">

</button> </form>\') #"

greetings and thanks in advance

Basically, I need to be able to have a grid that manages a heterogeneous collection of two different kinds of objects. To give you some context, I need to be able to handle contact information for both individuals and groups. While they share most of their info, they differ in that individuals have both a first name and last name, while a group has only one name. So I am faced with the problem of how to handle editing for both types of objects in the same grid. 

Is that enough information, or do you need more? Does anyone have any suggestions on how to handle this tricky problem?

Thanks. 

Hi,

I am looking to a MCV example for kendo Grid where I can have Paging Sorting and Filtering on server side.
I have implemented the filtering option on server side in my code Here is my Code

/// On Server 
public class GridCommand
    {
        public FilterExpression Filter { get; set; }       
    }


    public class FilterExpression
    {
        public string Logic { get; set; }
        public IEnumerable<GridFilter> Filters { get; set; }
    }


    public class GridFilter
    {
        public string Operator { get; set; }
        public string Field { get; set; }
        public string Value { get; set; }
    }

public ActionResult GetContracts(GridCommand command)
        {
//Some Code
            return Json(list, JsonRequestBehavior.AllowGet);            
        }


////On Client
$("#grid").kendoGrid({
                        dataSource: {
                            type: "jsonp",
                            transport: {
                                read: {
                                    url: "/Test/GetContracts"
                                },
                                parameterMap: function(options) {                       
                 var result = {};
                 if (options.filter) {
                     result["filter.logic"] = options.filter.logic;
                     var filters = options.filter.filters;
 
                     for (var idx = 0, length = filters.length; idx < length; idx++) {                               
                         result["filter.filters[" + idx + "].operator"] = filters[idx].operator;
                         result["filter.filters[" + idx + "].field"] = filters[idx].field;
                         result["filter.filters[" + idx + "].value"] = filters[idx].value;                               
                     }                          
                 }                       
                 return result;
             }
         
                            },
                            schema: {
                                model: {
                                    fields: {
                                        AccountName: { type: "string" },
                                    AccountNumber: { type: "string" },
                                        ContractName: { type: "string" },
                                        ContractNumber: { type: "string" },
                                        ContractProductType: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        filterable: true,                                               
                        pageable: true,
                        height: 400,                        
                        columns: [
                            { field: "AccountName", title: "Account Name", width: 150 },
                            { field: "AccountNumber", title: "Account Number", width: 150 },
                            { field: "ContractName", title: "ContractName", width: 150 },
                            { field: "ContractNumber", title: "Contract Number", width: 100 }
                        ]
                    });
                });

All I want when any action perfor in grid like sorting,Filtering or paging my "GridCommand command" have that option on server.

How can I modify  parameterMap: function(options) {    } function to send all option on server in GridCommand .

Is Kendo UI compatible with salesforce..???

I have the need to use a third-party widget (https://github.com/harvesthq/chosen/) in a data template but am unsure of how to instantiate it. It basically wraps a multi-select element, which is simple enough, but I need this auto-generated from my view model.

In Knockout, there's an "afterRender" event that I can use to call into my view model, passing the newly created HTML elements. Does anything like this exist in Kendo's MVVM framework?

For most of the Kendo widgets, I seem to be able to use the data-role attribute to handle widget creation.

Thanks

Is there a way to change the validation on a field in the datasource after the datasource has been bound to a grid?

These two approaches don't work although I see the properties get updated.