Ext.onReady(function(){
//省级数据
var dataProvice=[
['广东','广东'],
['江苏','江苏']
];
//广东市市级数据
var dataCityGuangDong=[
['广州','广州'],
['深圳','深圳'],
['佛山','佛山'],
['东莞','东莞'],
['珠海','珠海'],
['中山','中山'],
['汕头','汕头']
];
//江苏市市级数据
var dataCityJiangSu=[
['苏州','苏州'],
['南京','南京'],
['常州','常州']
];
//省级库
var storeProvice=new Ext.data.SimpleStore({
fields:['value','text'],
data:dataProvice
});
//市级库
var storeCity=new Ext.data.SimpleStore({
fields:['value','text'],
data:[]
});
//市级下拉框
var comboCity=new Ext.form.ComboBox({
store:storeCity,
emptyText:'请选择',
mode:'local',
triggerAction:'all',
valueField:'value',
displayField:'text',
readOnly:false
});
//省级下拉框
var comboProvice=new Ext.form.ComboBox({
store:storeProvice,
emptyText:'请选择',
mode:'local',
triggerAction:'all',
valueField:'value',
displayField:'text',
readOnly:false
});
comboProvice.on('select',function(comboBox){
var provice=comboBox.getValue();
if(provice=='广东'){
storeCity.loadData(dataCityGuangDong);
}else if(provice=='江苏'){
storeCity.loadData(dataCityJiangSu);
}
});
comboProvice.render('comboProvice');
comboCity.render('comboCity');
var upload=new Ext.form.FormPanel({
labelAlign:'right',
title:'upload plane',
labelWidth:50,
frame:true,
fileUpload:true,
width:280,
items:[{
xtype:'textfield',
fieldLabel:'文本框',
name:'file',
inputType:'file'
}]
});
upload.render('upload');
});
在html中加入:
<input id="comboProvince" type="text"/><input id="comboCity" type="text"/>
分享到:
相关推荐
只要将解压的文件直接放置到myeclipse的webroot下面,启动tomcat访问。简单的EXTJS mvc框架,设计 store,model,controller,view,window等等,同时展示了一些基本的点击显示、修改等等操作,需要的同学自行下载
从项目中提取的extjs 比较简单的 的简单实例
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
ExtJs各组件简单应用例子导入到eclipse即可
Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版
extjs 简单分页例子。 只有js文件 后台 代码自己可以采用 觉得好的技术实现。
新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API
Extjs4.1 小例子(适合extjs初学者学习使用).直接导入myeclipse即可
EXTJS 很全的简单实例 仅供新手学习
资源名称:ExtJS布局之border实例内容简介:border布局是常见的布局样式,本文档中一个实际项目的示例,比较简单,仅供初学者参考。感兴趣的朋友可以过来看看。自动生成行号,支持checkbox全选,动态选择显示哪些列...
extjs简单例子,适合初学者
ExtJS入门实例、包含各种详细代码,非常适合初学者学习
使用extjs实现的超炫后台模版下载实例 整理测试了很久特来贡献
NULL 博文链接:https://lizhihui19871127.iteye.com/blog/1463811
Extjs Extjs4.2.1 入门小例子 test1.jsp test2.jsp test3.jsp
ExtJS与.NET结合开发实例ExtJS与.NET结合开发实例
S2SH+extjs做的简单CURD功能小例子 初学EXTJS一周做的,网上看到N多例子没有源码或是有错误 这个刚写好 数据库用sqlserver2005 例子比较完整 就是没有放jar包(只有jdbc驱动jar和json的jar) 可以自己搭个S2SH环境把...
extjs 简单语法,各种组件的应用,附有详细代码供参考
//实例菜单树形 menuTree:new Ext.tree.TreePanel({ title:'功能菜单', region:'west', bodyStyle:'background:transparent url(images/default/panel/group-lr.gif) repeat-x 0 bottom;', id:'extExample-tree', ...