`

comboBox用法

 
阅读更多

1.本地数据

var specialCode = new Ext.form.ComboBox({

              id : 'specialtyComboBox',

              store : new Ext.data.SimpleStore({

                     fields : ["specialityCode", "specialityName"],

                     data : [['J', '汽机专业'], ['D', '电气专业'], ['G', '锅炉专业'], ['K', '热控专业'],

                                   ['R', '燃灰专业']]

              }),

              fieldLabel : '所属专业',

              valueField : "specialityCode",

              displayField : "specialityName",

              mode : 'local',

              forceSelection : true,

              name : 'change.specialCode',

              selectOnFocus : true,

              anchor : "90%"

                   });       

2.后台数据

var MyRecord = Ext.data.Record.create([

    {name : ''workticketTypeCode''},

    {name : ' workticketTypeName '}

    ]);

var storeWorkticketType = new Ext.data.Store({

                proxy : new Ext.data.HttpProxy({

                            url : 'workticket/getDetailWorkticketTypeName.action'

                        }),

                reader : new Ext.data.JsonReader({

                            root : 'list'

                        }, MyRecord)

            });

    var cbxWorkticketType = new Ext.form.ComboBox({

                id : 'workticketTypeCode',

                fieldLabel : "工作票种类<font color='red'>*</font>",

                store : storeWorkticketType,

                displayField : "workticketTypeName",

                valueField : "workticketTypeCode",

                hiddenName : 'workticketBaseInfo.workticketTypeCode',

                mode : 'remote',

                triggerAction : 'all',

                listeners : {

                    select : workticketTypeSelected

                }

                })

3.点击弹出窗口

利用TriggerField

function guardByselect1(){

        var args = {

                selectModel : 'single'

            }

            var object = window

                    .showModalDialog(

                '../../../comm/jsp/hr/workerByDept/workerByDept2.jsp',

                            args,           'dialogWidth=550px;dialogHeight=350px;center=yes;help=no;resizable=no;status=no;');

            if (typeof(object) == 'object') {

                guaCode.setValue(object.workerCode);

                guaName.setValue(object.workerName);

            }};

var guaName = new  Ext.form.TriggerField({ //监护人

        id:'guaName',

        readOnly:true,

        fieldLabel:'监护人',

        onTriggerClick : guardByselect1,

        readOnly : true,

        anchor : "95%"

        });

    var guaCode = new Ext.form.Hidden({ //监护人隐藏域

        id:'guardianCode',

        name:'tic.guardianCode',

        labelSeparator : "",

        hidden:true

           });

 

 

 

 

Ext.form.ComboBox.superclass.setValue.call(Ext.getCmp('applyUnit'),currentRecord.get("applyUnitName"));

 

分享到:
评论

相关推荐

    MFC中ComboBox使用方法_用法_手册

    MFC中ComboBox使用方法_用法_手册

    ComboBox_使用方法.doc

    Combo Box (组合框)控件很简单,可以节省空间。从用户角度来看,这个控件是由一个文本输入控件和一个下拉菜单组成的。用户可以从一个预先定义的列表里选择一个选项,同时也可以直接在文本框里面输入文本。...

    winform中关于combobox控件使用详解

    winform中关于combobox控件使用详解

    winform关于combobox控件使用详解

    winform中关于combobox控件使用详解

    combobox的使用方法

    winform中关于combobox控件使用详解

    C#ComboBox控件用法小节

    C# ComboBox控件用法小节

    C#窗体Combobox简单用法

    C#窗体Combobox简单用法,给Combobox付俩个值,一个显示的值,一个是对应的后台获取的值

    VB2008 ListBox和ComboBox控件的使用方法

    VB2008 ListBox和ComboBox控件的使用方法

    ComboBox 控件的用法教程

    ComboBox 控件和ListBox 控件在功能上很相似,很多情况下,这两个控件是可以互换使用的,但是还是有某种特定的环境下只适合使用一种控件的情况。下面通过本文给大家介绍下ComboBox 控件的用法教程,一起看看吧

    MFC ComboBox控件的使用方法

    MFC ComboBox控件的使用方法,可以帮助熟悉MFC ComboBox控件,有一定帮助

    combobox实现下拉框多选

    本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox...

    MFC comboBox的使用方法

    Combo Box (组合框)控件很简单,可以节省空间。从用户角度来看,这个控件是由一个文本输入控件和一个下拉菜单组成的。用户可以从一个预先定义的列表里选择一个选项,同时也可以直接在文本框里面输入文本。...

    ComboBox控件用法

    1.实现“只能选择,不能修改” 2.设置下拉框的默认值 3.向下拉框中添加项目 4.设置下拉框为下凹外观 5.定位并展开下拉框

    MFC_ComboBox_使用方法.doc

    MFC_ComboBox_使用方法 也是介绍控件的

    Winform中ComboBox控件使用总结

    其中Form1窗体演示了为ComboBox添加和移除项的使用方法; Form2窗体演示了ComboBox从数据库获取数据源的用法,以及Text、SelectedText、SelectedValue和SelectedItem的区别。 n年前写的一个非常简单的小例子。开发...

    comboBox 加载数据的几种方式

    comboBox 加载数据的几种方式

    Combobox加强版II

    功能:比如有操作员表:编码:0001 名称:小王 当用combobx加载数据的时候,一般的combobox只能加载“名称”,编码还得另想办法得到。我在combobox中加了可以记录编码的功能。...使用方法请参考demo

    用ComboBox实现ImageCombo的两种方法

    VBNet没有提供现成的如VB6中的ImageCombo控件,好在其功能十分强大,参考其它资料的基础上,利用系统提供的ComboBox控件实现了ImageCombo控件的效果。

    VB.Net自己写的一个控件:ComboBox下拉列表中显示多列数据

    VB.Net开发一个小程序时候,用到一个显示多列的ComboBox,而且从数据库中取出来的数据表要绑定到一个ComboBox中。找来找去,找不到。上Baidu Google很多人说:在VB.Net中的ComboBox只能绑定一列数据。以前的VBA和VB的...

Global site tag (gtag.js) - Google Analytics