<script type="text/javascript">
ExtonReady(function() {
var data = [ [ '1', 'name1', 0, new Date() ],
[ '2', 'name1', 1, new Date() ], [ '3', 'name1', 2, new Date() ] ];
var comboxData = [ [ '0', 'java工程师' ], [ '1', 'c工程师' ], [ '2', '外形人' ] ];
var com_store = new ExtdataSimpleStore( {
fields : [ 'value', 'text' ],
data : comboxData
})
var cm = new ExtgridColumnModel( [ {
header : '编号',
dataIndex : 'id',
editor : new ExtgridGridEditor(new ExtformTextField( {
allowBlank : false,
readOnly : true
})),
width : 10
}, {
header : '名称',
dataIndex : 'name',
editor : new ExtgridGridEditor(new ExtformTextField( {
allowBlank : false
})),
width : 20
},
{
header : '职业',
dataIndex : 'combo',
editor : new ExtformComboBox( {
mode : 'local',
store : com_store,
displayField : 'text',
valueField : 'value',
triggerAction : 'all',
lazyRender : true
})
},
{
header : '日期',
dataIndex : 'date',
editor : new ExtgridGridEditor(new ExtformDateField( {
format : 'Y-m-d',
minValue : '2007-12-14'
})),
renderer : function(value) {
if (value != null)
return valueformat('Y-m-d');
},
width : 30
} ]);
var store = new ExtdataStore( {
proxy : new ExtdataMemoryProxy(data),
reader : new ExtdataArrayReader( {}, [ {
name : 'id'
}, {
name : 'name'
}, {
name : 'combo'
}, {
name : 'date',
type : 'date',
dateformat : 'Y-m-d'
} ])
});
storeload();
var grid = new ExtgridEditorGridPanel( {
renderTo : 'grid',
store : store,
width : 900,
height : 300,
cm : cm,
viewConfig : {
forceFit : true
}
});
});
</script>
这样就可以了,双击就可以出现。
Extnamespace('user');
//接受后台传回的json格式的数据
userroleReader = new ExtdataJsonReader(
{root: 'treemap',id:'id'},
new ExtdataRecordcreate([
{name:'id'},
{name:'text'},
{name:'depict'},
{name:'leaf'}
])
);
// 创建后台请求
userroleStore = new ExtdataStore({
reader: userroleReader,
proxy: new Extdata>
以上就是关于ext editorgrid comboBox 控件 该如何正确使用!请举例说明 谢谢~全部的内容,包括:ext editorgrid comboBox 控件 该如何正确使用!请举例说明 谢谢~、extjs 控件中拿取通过ajax传过来的json数据问题、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)