extjs ComboBox的使用

最新推荐文章于 2021-02-24 00:08:41 发布

lzq0107

最新推荐文章于 2021-02-24 00:08:41 发布

阅读量209

点赞数

分类专栏： ExtJS 文章标签： EXT

ExtJS 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用ExtJS框架实现下拉框模块的数据加载功能，通过配置ComboBox组件并设置其数据源，实现从服务器获取数据并展示。文章详细解释了组件属性及其作用，如设置显示字段和值字段等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//模块下拉列表数据源
var moduleStore = new Ext.data.Store({
    method: 'GET',
    url: 'operation.do?option=moduleCombo',
    reader: new Ext.data.JsonReader({
        totalProperty: 'results',
        root: 'rows'
    }, ['value', 'text'])
});
moduleStore.load();

this.moduleCombo = new ext.form.ComboBox(

{
        hiddenName: 'moduleId',
        id: 'module',
        isFormField: true,
        valueField: "value",
        displayField: "text",
        fieldLabel: '所属模块',
        emptyText: '请选择模块',
        width: 200,
        store: moduleStore,
        editable: false,
        allowBlank: false,
        blankText: '请选择模块',
        mode: 'local',
        triggerAction: 'all'
    };

可以使用hiddenName在后台获取参数值，在前台用Ext.getCmp("module").setValue(record.data.moduleId)来给下拉框赋值text,value;

);