Kendo Grid and Complex entitlement

[Congyuan]

Recently we are trying to use Kendo Grid for our new project, but the problem is the entitlement is very complicated. Not sure if Kendo Grid can support that complex requirement. The requirements is like we need check some filed in row. For example we have a client table in database. In Front End we have a editable Grid to display those information, but we need disabled the some row conditionally. Is it possible to do that?  If we can how to customize it, if there are any demo code will be great.

Thank you.

[Congyuan]

One thing forget to tell you. We are using MVC3 Server side wrappers. Is it any hard to customize for that?

[Brett]

Sorry, but it's difficult to understand what you mean or to help you without a code example.

[Congyuan]

alright let explain it more clearly. It seems i made it hardly to understand.
In a word, if it's in inline edit mode can we disabled one cell that end user don't have that permission to edit it.

[Brett]

Oh, yes, that is quite easy to set up. When you configure your DataSource, each field in the schema has an editable property. If you set it to false, the user cannot edit that field. Here's a quick example:

var ds = new kendo.data.DataSource({

  data: local,

  pageSize: 10,

  schema: {

    model: {

      id: 'Id',

      fields: {

        Id: { type: 'number', editable: false, defaultValue: 0 },

        Name: {},

        Email: {}

      }

    }

  }

});

[Congyuan]

Thanks you for your reply. Got it. I have another question about this. it looks like you disabled columns name Id in all rows. Is it possible to just make one or some of them disabled?

[Brett]

Yes, it is possible to do that; however, it is not a supported feature in Kendo UI. To perform the type of functionality you require, you can use a combination of CSS classes and jQuery to selectively disable input elements. So, to disable the cells you want to, add a CSS class called "disabled-cell" (or whatever you wish to call it) to a <td> element. Then, in your javascript, have jQuery select all elements with the class "disabled-cell" and disable all children <input> elements.

$('.disabled-cell').find('input').each(function() {

  this.disabled = true;

});

[Congyuan]

ok,a little bit tricky but it should work.   Thank you so much for your help.