Ext.form.ComboBox常用属性详解

时间：2014-07-16 19:54:57 阅读：383 评论：0 收藏：0 [点我收藏+]

标签: Extjs js combo

js 代码

如果在EditorGrid中使用Combo控件，编辑完后会发现显示的值都是编码而不是显示值，可以ColumnMode中加入renderer方法对显示值进行修改。下面是出自Combo源码里的例子。

js 代码

Ext.util.Format.comboRenderer = function(combo){
return function(value){
var record = combo.findRecord(combo.{@link #valueField}, value);
return record ? record.get(combo.{@link #displayField}) : combo.{@link #valueNotFoundText};
}
}
// create the combo instance
var combo = new Ext.form.ComboBox({
{@link #typeAhead}: true,
{@link #triggerAction}: ‘all‘,
{@link #lazyRender}:true,
{@link #mode}: ‘local‘,
{@link #store}: new Ext.data.ArrayStore({
id: 0,
fields: [
‘myId‘,
‘displayText‘
],
data: [[1, ‘item1‘], [2, ‘item2‘]]
}),
{@link #valueField}: ‘myId‘,
{@link #displayField}: ‘displayText‘
});
// snippet of column model used within grid
var cm = new Ext.grid.ColumnModel([{
...
},{
header: "Some Header",
dataIndex: ‘whatever‘,
width: 130,
editor: combo, // specify reference to combo instance
renderer: Ext.util.Format.comboRenderer(combo) // pass combo instance to reusable renderer
},
...
]);

Combo使用起来非常方便，还有很多属性我们平时没有用到，都设有默认值，比如录入几个字后进行数据查询、显示模板，下拉显示高度等。如果对它的展示内容或方式不满意，可以修改属性对其进行扩展。源码内注释非常详细，可以根据提示的信息对它进行改造。

原文：http://www.cnblogs.com/zhwl/p/3837221.html

踩

(0)

评论一句话评论（0）

分享档案

更多>