Чекбокс EXTJS, отображаемый как [объект]

Question

У меня есть столбец, который отображается на основе значения предыдущего столбца в записи.

Если значение совпадает, оно должно отображать флажок, но вместо этого оно отображается на сетке как [объект объекта]

Может кто-нибудь предложить, что мне нужно добавить, чтобы показать это?

 ,{id:'review', header: "Acknowledge Review", width: 80, sortable: true, dataIndex: 'review', renderer: function(value, meta, record, id){                            
                              var id = Ext.id();
                              var content = record.data['status'];             
                              if(content.match(/^(VIEWED)$/i))
                              {
                                  var checkBox = new Ext.form.Checkbox({
                                      checked: false                                      
                                  }); //.render(document.body, id);
                                  //checkBox.applyTo('review');
                                  return checkBox;
                              }
                          }} 

Answer 1

Вы получаете [object Object], потому что ExtJS использует возвращаемое значение в виде строки (поэтому метод toString объекта вызывается внутренне).

renderer функция должна возвращать html-разметку, а не объект javascript.

Например, вы можете попробовать вернуть что-то вроде следующего:

return '<input type="checkbox">input</input>';