ExtJS动态更改组合框项目的值

时间:2017-11-14 00:42:36

标签: javascript extjs combobox

所以我正在使用ExtJS 3.3,我有一个组合框,它填充了值,当扩展时,一些值需要在列表中缩进,所以我使用 这很有用组合已展开,但是一旦我选择了一个项目, 实际上会在折叠时显示在组合框中。

例如;当它扩展时,我的值显示为

        this is my indented value

这正是我想要的,但是当折叠时,值显示为

    this is my indented value

有没有什么方法可以动态修改值前面的空格,所以在展开的展开视图中显示缩进,但是折叠它只显示值而没有别的?

我找到了一个select听众,但这就是我所能找到的。

1 个答案:

答案 0 :(得分:2)

我会反过来这样做,因为这更容易也更合乎逻辑:缩进不应该是值的一部分。我会修改组合的模板:

join -1 1 -2 1 -t, -o 1.1,1.2,1.3,2.3 <(sort -k 1 file1.csv ) <(sort -k 1 file2.csv )
1.0, 5, 3, 9
1.5, 4, 9, 3
2.1, 2, 1, 5
column1, column2, column3, column4

并在商店项目中添加一个布尔值:

tpl: '<tpl for="."><div class="x-combo-list-item"><tpl if="indent">&nbsp;&nbsp;&nbsp;&nbsp;</tpl>{text}</div></tpl>',

,如果设置为true,将缩进与商店记录对应的值。

如果您需要不同的缩进,可以尝试使用模板函数根据数字生成缩进。以下示例仅适用于最新版本的ExtJS,YMMV:

fields: [{
    name:'indent',
    type:'boolean'