`
lbyzx123
  • 浏览: 477937 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

extjs ComboBox联动下拉菜单示例

EXT 
阅读更多

 var provinces = [[1,'北京'],[2,'上海']];
        var cities = new Array();
        cities[1] = [[11,'海淀'],[22,'东城']];
        cities[2] = [[33,'黄埔'],[44,'浦东'],[55,'静安']];
        var comboProvinces = new Ext.form.ComboBox({
        store: new Ext.data.SimpleStore( {
        fields: ["provinceId", "provinceName"],
        data: provinces
        }),
        listeners:{
        select:function(combo, record,index){ 网管bitscn_com
        comboCities.clearValue();
        comboCities.store.loadData(cities[record.data.provinceId]);
        }
        },
        valueField :"provinceId",
        displayField: "provinceName",
        mode: 'local',
        forceSelection: true,
        blankText:'请选择省份',
        emptyText:'请选择省份',
        hiddenName:'provinceId',
        editable: false,
        triggerAction: 'all',
        allowBlank:true,
        fieldLabel: '请选择省份', 网管联盟bitsCN_com
        name: 'provinceId',
        width: 80
        });
        var comboCities = new Ext.form.ComboBox({
        store: new Ext.data.SimpleStore( {
        fields: ["cityId",'cityName'],
        data:[]
        }),
        valueField :"cityId",
        displayField: "cityName",
        mode: 'local',
        forceSelection: true,
        blankText:'选择地区',
        emptyText:'选择地区',
        hiddenName:'cityId', 网管联盟bitsCN_com
        editable: false,
        triggerAction: 'all',
        allowBlank:true,
        fieldLabel: '选择地区',
        name: 'cityId',
        width: 80
        });

分享到:
评论

相关推荐

    ExtJS Combobox二级联动列子

    ExtJS的Combobox组件是一种常见的数据输入控件,它提供了下拉列表的功能,用户可以选择列表中的一个选项或者在输入框中自由输入。在实际应用中,我们常常会遇到需要实现二级甚至多级联动的场景,这通常是由于数据的...

    Extjs学习笔记(-):ComboBox联动

    在EXTJS这个强大的...通过以上知识点的讲解,相信你对EXTJS中的ComboBox联动有了更深入的理解。在实际开发中,你可以结合源码分析和使用合适的工具,灵活应用这些知识来创建出更加智能化和用户友好的前端界面。

    漂亮的Extjs+struts2实现联动下拉

    总结来说,"漂亮的Extjs+struts2实现联动下拉"是结合了Struts2的服务器端处理能力和ExtJS的客户端展示优势的一个实用示例。通过Struts2 Action获取和处理数据,使用ExtJS的ComboBox组件展示和交互,实现动态联动效果...

    extJs ComboBox级联

    ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...

    Extjs3+MySQL后台数据库实现省份城市二级联动

    在这个案例中,我们重点关注的是下拉菜单的联动效果,即选择省份后,城市下拉菜单会自动更新为对应省份的城市列表。 要实现这种功能,我们需要以下步骤: 1. **数据模型定义**:在MySQL中,我们需要创建两个表,...

    EXTJS 动态生成下来树形框

    动态生成下拉树形框是EXTJS中一个常见的需求,它允许用户在一个下拉菜单中展示层次化的数据结构,比如组织架构或者文件系统。这篇博客()可能会详细讲解如何实现这个功能。 在EXTJS中,我们通常使用`Ext.tree....

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    comboBoxDemo

    ComboBox是ExtJS中的一个基础控件,通常用于创建下拉列表。它允许用户输入文本或从预定义的选项列表中选择。在"comboBoxDemo"中,这个基本功能被扩展,使得ComboBox不仅显示常规的选项列表,还能呈现一个下拉树结构...

    ext4实现带复选框的多选下拉框

    lovcombo结合了下拉框和复选框的特性,使得用户可以在一个下拉菜单中选择多个选项,每个选项前都有一个复选框供用户勾选。 实现这个功能首先需要了解EXTJS的组件模型,包括`Ext.form.field.ComboBox`基础类。我们...

    Ext Js权威指南(.zip.001

    2.9 为本书示例准备一个模板 / 60 2.10 本章小结 / 61 第3章 调试工具及技巧 / 62 3.1 使用firebug进行调试 / 62 3.2 在ie中调试 / 76 3.2.1 使用debugbar和companion.js调试 / 76 3.2.2 使用ietester测试 / ...

Global site tag (gtag.js) - Google Analytics