ExtJs XTemplate if语句包含特定的css

作者:互联网

2026-03-23

HTML教程
有人能举例说明如何在Extjs中使用XTemplate来包含特定的css类吗?

     yellow css   red css

编辑:我有类似的东西

new Ext.XTemplate('' + title + ' ({count}) ',    ' style="color:black;" class="x-form-item-label x-form-warning"',    '> {priceTotalLabel}:  {priceTotal}',    '');

我想用变量中的值替换值5000,所以它不是硬编码的,我该怎么做?

例如:

var data = {    name: 'Don Griffin',    kids: [           { name: 'Aubrey', age: 17 },            { name: 'Joshua', age: 13 },            { name: 'Cale', age: 10 },            { name: 'Nikol', age: 5 },            { name: 'Solomon', age: 0 }          ]},tpl = new Ext.XTemplate(    '

Name: {name}

', '

Kids: ', '', ' class="red"', '>{name}

', '

');tpl.overwrite(Ext.getBody(), data);

http://jsfiddle.net/L2dSX/

或者你可以使用一个功能:

tpl = new Ext.XTemplate(    '

Name: {name}

', '

Kids: ', '', '

{name}

', '

', { getKidClass: function(kid){ debugger; return kid.age > 1 ? 'red' : ''; } });

http://jsfiddle.net/Cu85J/