首页 | 互联网 | IT动态 | IT培训 | Cisco | Windows | Linux | Java | .Net | Oracle | 软件测试 | C/C++ | 嵌入式开发 | 存储世界 | 服务器
网络设备 | IDC | 安全 | 求职招聘 | 数字网校 | 网页设计 | 平面设计 | 技术专题 | 电子书下载 | 教学视频 | 源码下载 | 搜索 | 博客 | 论坛
中国IT实验室Dotnet频道
中国IT教育
Google
首页 ASP.NET  C#  XML/WebService ADO.NET VC.NET VB.NET .NET 资讯动态 专题 RSS订阅 讨论 下载
您现在的位置: 中国IT实验室 >> Dotnet >> ASP.NET >> 正文

extjs ComboBox联动下拉菜单示例

 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){

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: '请选择省份',

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',

editable: false,

triggerAction: 'all',

allowBlank:true,

fieldLabel: '选择地区',

name: 'cityId',

width: 80

});
【责编:Luzi】

中国IT教育

相关产品和培训
文章评论
 友情推荐链接
 认证培训
 专题推荐

 ·WEB程序开发--ASP.NET和PHP、JSP究竟学哪个?
 ·五步带你入门XML
 ·关于Java框架技术专题
 ·XML全攻略技术专题
 ·JAVA开源技术介绍专题
 ·Java嵌入式开发之J2ME技术专题
 ·超前体验 Oracle 11g的5个新特性…
 ·揭密使用VB.NET的五个实用技巧
 ·Oracle和SQL Server常用函数对比专题…
 ·展现C#世界 C#程序设计专题…
 今日更新
 社区讨论
 博客论点
 频道精选
 Dotnet频道相关导航