首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext中ComboBox的模板使用

2012-11-01 
Ext中ComboBox的模板应用?? ?我们在使用Ext的ComboBox时,默认的主题是将下拉列表的内容居中显示的,这样显

Ext中ComboBox的模板应用

?? ?我们在使用Ext的ComboBox时,默认的主题是将下拉列表的内容居中显示的,这样显得不如传统的select友好,我们可以通过模板(设置ComboBox的tpl属性)来重新显示列表内容,如下:

?

?

tpl : '<tpl for="."><div style="text-align:left;" class="x-combo-list-item">{value}</div></tpl>'

?

?? ?其中<tpl for=".">是必须的,即遍历每一组数据,相比ext默认生成的列表,我们增加了style="text-align:left;"的部分来使文字居左对齐显示;{value}是占位符,其中value是ComboBox的store中的fields的值,从而就可以达到我们想要的效果了。

热点排行