- 浏览: 211863 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
henchong:
如果提示信息全是数字的话,是不会自动换行的,不知道这个该怎么解 ...
用ExtJs为表格单元格增加Tooltips浮动信息 -
李君寻:
自动换行,算是懂了
ColumnLayout的使用方法 -
icrwen:
楼主能解释下为啥要用air技术呢,是不是只用ext就可以了啊
extjs+air开发 -
wenniuwuren:
不能显示图片..
利用session实现一次性验证码 -
追风筝的孩子:
还是没有解决啊
com.ibatis.sqlmap.client.SqlMapException: There is no statement named 语句名 in thi
page.html代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>省份和城市二级联动例子</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
href="../extjs/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript" src="../extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="city.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
//重载Grid排序 applySort
Ext.data.Store.prototype.applySort = function(){ //重载 applySort
if(this.sortInfo && !this.remoteSort){
var s = this.sortInfo, f = s.field;
var st = this.fields.get(f).sortType;
var fn = function(r1, r2){
var v1 = st(r1.data[f]), v2 = st(r2.data[f]);
//添加:修复汉字排序异常Bug
if(typeof(v1) == "string"){ //若为字符串
return v1.localeCompare(v2);//则用localeCompare比较汉字字符串, Firefox 与 IE 均支持
}
return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);
};
this.data.sort(s.direction, fn);
if(this.snapshot && this.snapshot != this.data){
this.snapshot.sort(s.direction, fn);
}
}
};
var provinceComBo=new Ext.form.ComboBox({
//隐藏名字
hiddenName:'province',
//名字
name: 'province_name',
valueField:"province",
displayField:"province",
//从哪里读取数据(local从本地读取数据,remote从服务器读取数据)
mode:'local',
//标签显示的内容
fieldLabel: '所在省份',
//没有输入时显示的内容
blankText:'请选择省份',
//预设文字
emptyText:'请选择省份',
//是否可编辑
editable:false,
//固定百分比
anchor:'90%',
//固定选择项
forceSelection:true,
//触发动作
triggerAction:'all',
//数据源
store:new Ext.data.SimpleStore(
{
//js中表示的数据格式
fields: ["province","city"],
//js中数据源名称
data:citys,
//排序信息
sortInfo:{field:'province'}
}
),
//监听器
listeners:{
select:function(combo, record, index){
/*select : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )
Fires when a list item is selected
Listeners will be called with the following arguments:
* combo : Ext.form.ComboBox
This combo box
* record : Ext.data.Record
The data record returned from the underlying store
* index : Number
The index of the selected item in the dropdown list
*/
//清空显示值
cityCombo.clearValue();
//加载数据
cityCombo.store.loadData(record.data.city);
}
},
applyTo: 'provinceComBo'
})
var cityCombo=new Ext.form.ComboBox({
hiddenName:'city',
name:'city_name',
valueField:"city",
displayField:"city",
mode:'local',
fieldLabel: '所在城市',
blankText:'请选择城市',
emptyText:'请选择城市',
editable:false,
anchor:'90%',
forceSelection:true,
triggerAction:'all',
store:new Ext.data.SimpleStore({fields: ["city"],data:[],sortInfo:{field:'city'}}),
applyTo: 'cityCombo'
});
})
</script>
</head>
<body>
<input type="text" id="provinceComBo" size="20" />
<input type="text" id="cityCombo" size="20" />
</body>
</html>
city.js的代码
var citys=[
['北京',[['北京'],['通县'],['昌平'],['大兴'],['密云'],['延庆'],['顺义'],['怀柔'],['平谷'],['石景山'],['朝阳'],['西城'],['东城'],['丰台'],['宣武'],['崇文'],['海淀']]],
['上海',[['上海县'],['嘉定'],['松江'],['南汇'],['奉贤'],['川沙'],['青浦'],['崇明'],['金山']]],
['天津',[['蓟县'],['宝坻'],['武清'],['静海'],['宁河']]]]
发表评论
-
extjs+air开发
2009-06-24 21:41 2988一、准备工作 1、下载adobe air install和ad ... -
带复选框(checkbox)的树
2009-03-20 15:05 1831该例子可以满足我们的一般需求。很多时候我们需要用到带check ... -
ExtJs中解决IE的min-width问题
2009-02-27 22:14 750当使用了ExtJs后,脚本documentElement.cl ... -
Ext中的动画处理
2009-02-27 22:13 1151CartoonExt.js //图片宽 var WIDTH=3 ... -
Ext.Ajax
2009-02-27 22:12 1163其实Ext.Ajax的使用并不 ... -
使用百分比设置GridPannel宽度的方法
2009-01-14 15:03 1612使用过Ext的Gird(网格)功 ... -
巧妙运用NumberField
2009-01-14 15:02 4558巧妙运用NumberField: 只允许字段输入数字. v ... -
Ext.ux.TabCloseMenu插件的使用
2009-01-14 14:59 1538tab在ext里很常用,在点开N个tab后,是否能通过右键菜单 ... -
直接在页面上显示富文本编辑器
2009-01-14 14:58 3245<html> <head> ... -
带右键菜单的树
2009-01-14 14:58 1174ext树形菜单加上右键菜单是不是很酷,ext当然也能实现。 树 ... -
带搜索功能的grid分页实例
2009-01-09 13:43 1546本实例将在带分页的表格基础上进行扩展,增加搜索功能。由于本实例 ... -
带分页的表格
2009-01-09 13:43 1008主要介绍如何使用ext的表格控件实现ajax分页。 上一节讲了 ... -
树形下拉框
2009-01-09 13:43 2539<!DOCTYPE HTML PUBLIC " ... -
支持手写输入及联想功能的下拉框
2009-01-09 13:42 2850<!DOCTYPE HTML PUBLIC " ... -
让ext项目步入对象化编程
2009-01-09 13:39 804对于一些刚刚接触javascript的人来说大部分都在使用面向 ... -
grid的继承类,构建方便的grid操作
2009-01-09 13:13 1409在以往建立grid的时都要 ... -
ext异步加载树的子节点
2009-01-09 13:12 1941<script> Ext.o ... -
可拖拽的tree实际应用
2009-01-09 12:54 1774ext提供的树本身就有拖 ... -
可直接编辑节点的tree
2009-01-09 12:03 1679其实代码并不是很复杂,只是在原有的树形添加一个TreeEdit ... -
Checkbox与RadioGroup的使用方法
2009-01-09 12:03 7049Ext提供的Checkbox与Radio, ...
相关推荐
Ext二级联动的完整项目例子.导入项目即可看到效果.
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子 Combobox二级联动列子
EXTjsEXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动
ext下拉三级联动ext下拉三级联动ext下拉三级联动
下拉框的下拉列表改成checkbox的ext下拉列表,呵呵
Ext下拉列表树,任何版本都可使用,只要下载即可使用。
NULL 博文链接:https://leonel.iteye.com/blog/454174
在用ExtJs+myEclipse6+ssh做项目时需要动态级联菜单功能(就是从数据库中拿数据),因为初次接触Ext,在网上没找到动态联动,只找到了静态联动,于是花了几个小时边学边做终于成功了!需要的兄弟姐妹可以看看,只实现...
强大的Ext单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.任文敏 * * 功能: * 1. 支持:★ 多选|单选 (isSingle:'N|Y') * 2. 多选支持: 全选/全不选 * 3. ★ 多选且分页支持: 全部清除 * 4...
采用extjs下拉框,动态读取数据库中数据!
项目是myeclipse的web项目,导入项目即可,自己添加ext的js和css文件,资源中没有加入ext的基础文件
主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下
这是java EXT 项目中下拉列表多选框使用的一个示例。(含如何使用的示例以及源代码)
用Ext 2.0 combobox 做的省份和城市联动选择框的例程
ext js 下拉树 真正可执行 包括引入的js和css
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
Ext JS高级程序设计.一共三章,三个文档。对extjs感兴趣的朋友共享
Ext的用户扩展控件,支持用户多选,删除,添加下拉列表的选项。非常好用!