Make Complex Object Not Editable

[Joe]

Here is my grid definition...

<div id="grid-members" data-role="grid"
                 data-sortable="true"
                 data-scrollable="false"
                data-editable="true"
                 data-columns='[
                                    { field: "Contact.FullName", title: "Name" },
                                     { field: "IsSomething", title: "Is Something" },
                                    { field : "StartDate", title: "Start Date", width: "120px" },
                                  ]'
                 data-bind="source: Contacts"
                data-source="{schema: {model: {fields: {Contact.FullName : {editable:false}, IsSomething : {type : 'boolean'}, StartDate: {type: 'date'}}}}}"
                ></div>

My object is something like...
{
   Contact : { FullName : 'My Name'},
   IsSomething : true,
   StartDate : '1/1/2014'
}

How can I tell my Contact.FullName field to be not editable?

Thanks
Joe

[CS]

You could go and use a template instead maybe
data-columns='[{field: "Contact", title: "Name", template: "#=Contact.FullName#}]
data-source="{schema: {model: {fields: {Contact : {editable:false}}}}"

[Joe]

Thank you so much.  That works almost perfectly.  The only issue now, is that my sort is broken since it's sorting on the object instead of the FullName.  Any ideas on how to search on the FullName instead of the object?

Thanks again,
Joe

[Petur Subev]

Hello Joe,

Sorting/Filtering/Grouping is working over the field that you bound the column to, this means that if you want to filter over that fullname property you need to bind to column to it.

e.g.

data-columns='[{field: "Contact.FullName", title: "Name", template: "#=Contact.FullName#}]

Regards,
Petur Subev
Telerik

 

 

[Joe]

Ok, but that brings be back to my original problem.  If I bind to my Contact.FullName property, how can I tell the grid that column is not editable?

[CS]

You could also try this and make a custome compare function described here KendoUI Grid: custom sorting algorithms.

{

    field   : "Contact",

    width   : 200,

    title   : "Name",
     template: "#=Contact.FullName#,


    sortable: {

        compare: function (a, b) {

            return a.FullName > b.FullName;

        }

    }

}

No idea if that works, but it might be worth a try.

[Joe]

YES!  Thank you.  That was exactly what I needed.  I just needed to change a.FullName to a.Contact.FullName and b.FullName to b.Contact.FullName in your solution.   

Thanks again,
Joe