博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[转]Extjs combo数据绑定与获取
阅读量:5143 次
发布时间:2019-06-13

本文共 1089 字,大约阅读时间需要 3 分钟。

原文地址:

1、

配置combo:

{

                                columnWidth: .3,
                                layout: 'form',
                                border: false,
                                items: [{
                                    id: "txtP_Nation",
                                    name: "txtP_Nation",
                                    allowBlank: false,
                                    width: 130,
                                    fieldLabel: '民族',
                                    emptyText: '请选择民族',
                                    hiddenName: 'PM_id', //真正提交时此combo的name,请一定要注意
                                    xtype: 'combo',
                                    editable: false,
                                    store: strNation,//设置数据源
                                    displayField: 'PM_Name', //显示文本字段
                                    valueField: 'PM_id',//value值字段id
                                    mode: 'local',
                                    triggerAction: 'all',,//请设置为"all",否则默认为"query"的情况下,你选择某个值后,再此下拉时,只出现匹配选项,如果设为"all"的话,每次 下拉均显示全部选项
                                    selectOnFocus: true,
                                    typeAhead: true
                                }]
                            }

           2、数据源:

     var strNation = new Ext.data.Store({

                proxy: new Ext.data.HttpProxy(
                    {
                        url: '../form/Ala_HomeOtherPeople.ashx?cmd=GetParmater&type=nation'
                    }
                ),
                reader: new Ext.data.JsonReader(
                    { root: 'data' },
                    [
                        { name: 'PM_id', type: 'string' },//id
                        { name: 'PM_Name', type: 'string' }//名称
                    ]
                )
            });
            strNation.load();

编辑或修改数据时需要把要修改的数据显示在combo中:

  strNation.load({ callback: function () {

                    Ext.getCmp("txtP_Nation").setValue(json.P_Nation);//json.P_Nation 为数据id
                }
                });

获取combo选中的id值:

  var P_Nation = Ext.getCmp("txtP_Nation").getValue();

转载于:https://www.cnblogs.com/dirgo/p/5300905.html

你可能感兴趣的文章
LeetCode【709. 转换成小写字母】
查看>>
如果没有按照正常的先装iis后装.net的顺序,可以使用此命令重新注册一下:
查看>>
Android 官方新手指导教程
查看>>
幸运转盘v1.0 【附视频】我的Android原创处女作,请支持!
查看>>
安装 Express
查看>>
Weka中数据挖掘与机器学习系列之基本概念(三)
查看>>
leetcode-Sort List
查看>>
中文词频统计
查看>>
Postman-----如何导入和导出
查看>>
【Linux】ping命令详解
查看>>
8、RDD持久化
查看>>
第二次团队冲刺--2
查看>>
使用Xshell密钥认证机制远程登录Linux
查看>>
【模板】最小生成树
查看>>
pair的例子
查看>>
uva 387 A Puzzling Problem (回溯)
查看>>
Oracle中包的创建
查看>>
django高级应用(分页功能)
查看>>
【转】Linux之printf命令
查看>>
关于PHP会话:session和cookie
查看>>