`

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控件概述 在MFC框架下,`ComboBox`(组合框)是一种非常实用的控件,它结合了文本输入与下拉菜单的功能,允许用户从预定义的列表中选择一项,同时也能直接在文本...

    ComboBox_使用方法.doc

    以下是对ComboBox使用方法的详细解释: 1. 定义控件变量: 在创建对话框(Dialog)后,通过控件工具箱拖放ComboBox控件。使用Class Wizard添加控件对应的成员变量,例如:`CComboBox m_cbExample;` 这个变量将在...

    winform中关于combobox控件使用详解

    Winform 中关于 ComboBox 控件使用详解 ComboBox 控件是 Winform 中常用的控件之一,用于提供用户选择选项的列表。下面是关于 ComboBox 控件使用的详解。 添加/删除 ComboBox 内容 1. 在 Combo Box 控件属性的 ...

    winform关于combobox控件使用详解

    WinForm 中的 ComboBox 控件使用详解 ComboBox 是 WinForm 中的一个常用控件,用于提供用户选择项的列表。下面是关于 ComboBox 控件使用的详细解释。 ComboBox 控件的基本操作 ComboBox 控件的基本操作包括添加...

    combobox的使用方法

    下面我们将深入探讨Combobox的使用方法,包括添加、删除、查找和控制下拉长度等操作。 首先,设定默认值是通过去掉Combobox的Style属性中的Sort选项,这样可以避免在初始化时自动对列表项进行排序。在C++ MFC环境中...

    C#窗体Combobox简单用法

    在某些情况下,ComboBox的选项可能需要在运行时动态加载,这可以通过异步方法实现,避免阻塞UI线程: ```csharp async Task LoadComboBoxData() { // 异步获取数据... List&lt;string&gt; options = await ...

    C#ComboBox控件用法小节

    本篇文章将详细探讨C# ComboBox控件的基本用法、属性、方法、事件以及在实际应用中的实例。 1. **控件介绍** ComboBox控件是Windows Forms和WPF中的一个重要组成部分,它允许用户从一组预定义的选项中选择,或者...

    ComboBox控件用法

    ComboBox 控件用法 ComboBox 控件是 Windows 窗体应用程序中常用的控件之一,用于实现下拉选择功能。本文将详细介绍 ComboBox 控件的五个常见用法:实现“只能选择,不能修改”,设置下拉框的默认值,向下拉框中...

    MFC comboBox的使用方法

    ### MFC ComboBox 使用详解 #### 一、ComboBox 控件简介 **ComboBox(组合框)**是一种常见的用户界面组件,它结合了文本输入框与下拉列表的功能,允许...希望本文能帮助您更好地理解和掌握MFC中ComboBox的使用方法。

    winform combobox 模糊查询

    首先,我们需要了解ComboBox的基本用法。ComboBox有两种模式:DropDown和 DropDownList。在DropDown模式下,用户可以输入自定义文本;在DropDownList模式下,用户只能从已有的选项中选择。为了实现模糊查询,通常...

    VB2008 ListBox和ComboBox控件的使用方法

    VB2008 ListBox 和 ComboBox 控件的使用方法 VB2008 中的 ListBox 和 ComboBox 控件是两个常用的控件,用于在用户界面中显示列表项。ListBox 控件允许用户选择多个项,而 ComboBox 控件是文本框和列表框的组合。...

    ComboBox

    5. **方法调用**:提供ComboBox的方法,如清空所有选项(Clear)、获取选中项(GetSelectedItem)等,以及如何在代码中调用这些方法。 6. **样式与布局**:讲述如何调整ComboBox的外观,如字体、颜色、大小,以及在...

    winform中combobox控件使用详解

    Winform 中 ComboBox 控件使用详解 ComboBox 控件是 Winform 中最常用的控件之一,它提供了一个下拉列表,用户可以从中选择项目。ComboBox 控件具有多种属性、事件和方法,这些属性、事件和方法可以帮助开发者更好...

    combobox的使用技巧

    除了通过数据绑定外,你还可以使用`ComboBox.Items.Add()`方法手动添加项。这在你需要在列表中插入固定选项或者临时数据时非常有用。 3. 事件处理: - `SelectedIndexChanged`事件:当用户从下拉列表中选择新的项...

    QML-自定义ComboBox

    在本文中,我们将深入探讨如何在Qt环境中使用QML实现一个自定义的ComboBox组件。ComboBox在用户界面设计中是一个常见的控件,它提供了一个下拉列表供用户选择,通常用于有限的选项展示。通过自定义ComboBox,我们...

    VC中ComboBox使用详解

    2. **清空内容**:使用 `ResetContent` 方法可以清空 `ComboBox` 中的所有内容。 ```cpp ((CComboBox*)GetDlgItem(IDC_COMBO_CF))-&gt;ResetContent(); // 清空ComboBox内容 ``` 综上所述,`ComboBox` 控件在VC中...

    改变ComboBox下拉高度/强行展开下拉表/自动查询列表/多列下拉框/XP风格Combobox/带图标的ComboBox

    这个主题涵盖了几个关于ComboBox的高级特性和定制方法,包括改变下拉高度、强制展开下拉列表、实现自动查询功能、创建多列下拉框、应用XP风格以及添加图标到ComboBox。 1. 改变ComboBox下拉高度:默认情况下,...

    AE中添加使用comboBox进行添加图层VB代码

    我们使用 ShowDialog 方法来显示 Form4,并获取用户的选择结果。 知识点 6:事件处理 在我们的代码中,我们使用了多个事件处理函数,如 comboBox1_Click、comboBox2_SelectionChangeCommitted 等。这些事件处理...

    C#combobox内容搜索实例

    如果有输入,它会使用Linq的Where方法过滤出以输入文本开头的项,并更新ComboBox的DataSource。 注意,这里我们使用ToLower()来实现不区分大小写的搜索,StartsWith()方法则用于判断项是否以搜索文本开头。这确保了...

    C#comboBox控件的使用

    下面我们将深入探讨`comboBox`控件的使用,包括其基本属性、方法和事件,以及如何在实际项目中实现其功能。 首先,`comboBox`控件的基本结构包括一个文本输入框和一个下拉列表。用户可以直接在输入框中输入文本,也...

Global site tag (gtag.js) - Google Analytics