Ext grid中能加入动态加载数据的下拉框么?能的话具体要怎么做?

时间:2022-08-24 23:07:44
如题,我想在grid中加入一列,这个列是一个可以动态加载数据的下拉框,(类似于可编辑表格,不过不是在div中写死的),
请问这样可以么?可以的话具体应该怎么做呢?

3 个解决方案

#1


刚才的帖子沉了  再发一个,还是50 分,我的分不多了,这个问题我很棘手,希望有人能帮我解决下Q

#2


你可以在HTML页面加入:
<select name="area" id="area" style="display: none;">
<option value="北京">北京</option>
<option value="河南南阳">河南南阳</option>
<option value="河北涿州">河北涿州</option>
</select>

然后在JS里。在列的定义时加:
{
           header: "地区",
           dataIndex: 'area',
           width: 100,
           editor: new Ext.form.ComboBox({
               typeAhead: true,
               triggerAction: 'all',
               transform:'area',// 对应的选择框的ID
               lazyRender:true,
               listClass: 'x-combo-list-small'
            })
        },

这样就可以了。

#3


呵呵,楼主细心点应该看看ExtJS自带的例子,非常的详细。
ext\examples\grid\edit-grid.js

#1


刚才的帖子沉了  再发一个,还是50 分,我的分不多了,这个问题我很棘手,希望有人能帮我解决下Q

#2


你可以在HTML页面加入:
<select name="area" id="area" style="display: none;">
<option value="北京">北京</option>
<option value="河南南阳">河南南阳</option>
<option value="河北涿州">河北涿州</option>
</select>

然后在JS里。在列的定义时加:
{
           header: "地区",
           dataIndex: 'area',
           width: 100,
           editor: new Ext.form.ComboBox({
               typeAhead: true,
               triggerAction: 'all',
               transform:'area',// 对应的选择框的ID
               lazyRender:true,
               listClass: 'x-combo-list-small'
            })
        },

这样就可以了。

#3


呵呵,楼主细心点应该看看ExtJS自带的例子,非常的详细。
ext\examples\grid\edit-grid.js