Question

I have Grid with “rowexpander”. with this I am able to expand the row, and able to show the content .i.e. html checkbox.
Now my requirement is the in my DB I got the value true or false. So depending upon the value i.e. true I want show check box with checked.

Here is my code.

    plugins: [
{
    ptype: 'rowexpander',
    rowBodyTpl:
    ['<ul><li><input type="checkbox" name="" checked={marginAccess} ><span>Margin Access for Quote</span></li></ul> ']
}

Now {marginAccess} when is it true I want to show “”
i.e. checked = checked

I am not able to do this, Can you please suggest me ?

Answer 1

Create a virtual member in your model. One which will return ‘checked/unchecked’ for true/false value of other field. Like this:

{ name: 'marginAccess_str', type: 'string', convert: function(v, r) { 
  if (r.get('marginAccess')) 
     return 'checked';
  else 
     return 'unchecked';
}},

And then use marginAccess_str in your template.