Extjs 4.1.1 Как отлаживать Xtemplete

Question

Я использую версию Ext 4.1.1.

Я хочу знать Как отлаживать Xtemplate. т.е. , т.е.

'<tpl for="outerObject">', 
    '<tpl for="innerObject">', 
      '<span class="abc">{myValue}</span>', 
    '</tpl>', 
'</tpl>', 

Теперь я хочу знать, что стоимость outerObject имеет, в зависимости от того, кто хочет цикла в innerObject, и так далее.

Пожалуйста, сообщите мне любой способ деградации Xtemplate.

Answer 1

Вы можете выполнить произвольный встроенный код в XTemplate. Таким образом, вы можете вызвать console.log для того, чтобы напечатать некоторые переменные объекта:

'{[console.log(values.outerObject)]}', 

Answer 2

Я знаю, что это «старый», но, если у вас есть свой собственный шаблон или иметь в любом случае прийти к шаблону, вы можете добавить отладчик; команда и хром перейдут в отладчик.

extraRowTpl: [ 
    '{%', 
     'values.view.rowBodyFeature.setupRowData(values.record, values.recordIndex, values);', 
     'debugger;', **<!-- WILL STOP HERE** 
     'this.nextTpl.applyOut(values, out, parent);', 
    '%}', 
    '<tr class="' + Ext.baseCSSPrefix + 'grid-rowbody-tr {rowBodyCls}">', 
     '<td class="' + Ext.baseCSSPrefix + 'grid-cell-rowbody' + ' ' + Ext.baseCSSPrefix + 'grid-cell ' + Ext.baseCSSPrefix + 'grid-td" colspan="{rowBodyColspan}">', 
      '<div class="' + Ext.baseCSSPrefix + 'grid-rowbody' + ' {rowBodyDivCls}">{rowBody}</div>', 
     '</td>', 
    '</tr>'] 

Надеюсь, что смогу помочь!

Greetz

Answer 3

Самый простой способ попасть в отладчике браузера:

tpl: [ 
'<tpl for="outerObject">', 
    '{% debugger; %}' 
    '<tpl for="innerObject">', 
      '<span class="abc">{myValue}</span>', 
    '</tpl>', 
'</tpl>' 
]