关于Ext.grid.EditorGridPanel的下拉列表框实现

最新推荐文章于 2020-09-21 19:38:44 发布

原创最新推荐文章于 2020-09-21 19:38:44 发布 · 635 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

8-EXT 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在ExtJS中实现表格列的下拉列表编辑功能。通过创建SimpleStore存储选项数据，并设置ComboBox作为表头的编辑器，使得表格单元格能够通过下拉列表进行选择。这种方式便于用户操作且易于实现。

部署运行你感兴趣的模型镜像

1. 下拉列表需要的数据，根据需要可以到后台去取数据,这里就不一一介绍了

var flagStroe = new Ext.data.SimpleStore({
     fields : ['id', 'flag'],
     data : [[0, '是'], [1, '否']]
});

2. 表头需要添加editor属性，代码如下：

{
 header : '是否置顶',
 dataIndex : 'maketop',
 sortable : true,
 width : 75,
 editor : new Ext.form.ComboBox({
       store : flagStroe,//数据源
       displayField : 'flag',//显示下拉列表数据值
       valueField : 'id',//提交时下拉列表框的数据值
       typeAhead : true,
       triggerAction : 'all',
       allowBlank : false,
       forceSelection : true,
       mode : 'local'
      }), 
  ......代码省略
}

把这些代码加添到相应的的地方既可以现实该功能

您可能感兴趣的与本文相关的镜像