extJs 文本框后面加上说明文字+下拉列表选中值后触发事件


Posted in Javascript onNovember 27, 2009
var showForm; 
function panelShowForm() 
{ 
showForm=null; 
showForm = new Ext.FormPanel({ 
renderTo:"showPanel", 
region:'north', 
border:false, 
bodyBorder:false, 
frame:true, 
waitMsgTarget: true, 
labelAlign:'right', 
id:"showForm", 
items:[{ 
layout:'column', 
labelWidth:129, 
items:[ 
{ 
columnWidth:.6, 
layout:'form', 
items:{ 
name:"enable", 
hiddenName:"enable", 
fieldLabel:'是否启用密码策略', 
xtype:'combo', 
editable: false,//不允许输入 lazyRender:true, 
blankText : '必须启用密码的侧咯', //为空默认值 
allowBlank : false, //不允许为空 
mode: 'local', 
triggerAction: 'all', 
store:new Ext.data.SimpleStore({ 
fields: ["value", "text"], data: [['1','启用'],['0','禁用']] 
}), 
// 这两项要与上面的fields对应 
valueField :"value", 
displayField: "text", 
listeners:{ change:function(){changeValue();} 
}, 
anchor:'100%' 
} 
},{ 
columnWidth:.4, 
layout:'form', 
items:{ 
hiddenName:"infoFillOne", 
name:"infoFillOne", 
xtype:'label', 
html:'<font color=red>设置为禁用,则以下面项不可用</font>', 
labelSeparator:'', 
anchor:'100%' 
} 
},{ 
columnWidth:.6, 
layout:'form', 
items:{hiddenName:"updateDay", 
name:"updateDay", 
xtype:'textfield', 
fieldLabel:'更新周期', 
emptyText : '设为-1该项被禁用', 
maxLength:'100', 
readOnly:false, 
vtype:'day', 
anchor:'100%' 
} 
},{ 
columnWidth:.4, 
layout:'form', 
items:{ 
hiddenName:"info", 
name:"info", 
xtype:'label', 
//labelAlign:'left', 
html: 
'<font color=red>设置为-1,则该项被禁用</font>', 
labelSeparator:'', 
anchor:'100%' 
} 
}] 
}] 
}) 
} /** 
*是否启用密码的触发事件 
*/ 
function changeValue() 
{ 
if(queryForm.form.findField('enable').getValue()=="0") 
{ 
$("updateDay").disabled = true; 
}else{ 
$("updateDay").disabled = false; 
} 
} 
/** 
*窗口的显示 
*/ 
function input() 
{ 
panelShowForm(); 
win=new Ext.Window({ 
title:"extJs 文本框后加上说明文", 
width:200, //窗口初始width值 
hight:200, //窗口初始hight值 
x:100, //窗口初始的x位置 
y:100, //窗口初始的y位置 
plain : true, 
modal : true, //模式窗口 
maximizable:true,最大化显示 
resizable:false, //窗口的大小不允许拖动 
items:[showForm] 
}) 
}
Javascript 相关文章推荐
基于jQuery的图片剪切插件
Aug 03 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
javascript操作符&quot;!~&quot;详解
Feb 10 Javascript
js实现汉字排序的方法
Jul 23 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
原生js实现网易轮播图效果
Apr 10 Javascript
jQuery实现的模拟弹出窗口功能示例
Nov 24 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 Javascript
用Angular实现一个扫雷的游戏示例
May 15 Javascript
原生JS实现记忆翻牌游戏
Jul 31 Javascript
Javascript 复制数组实现代码
Nov 26 #Javascript
js setattribute批量设置css样式
Nov 26 #Javascript
Javascript 二维数组
Nov 26 #Javascript
isArray()函数(JavaScript中对象类型判断的几种方法)
Nov 26 #Javascript
Exitjs获取DataView中图片文件名
Nov 26 #Javascript
网页中的图片的处理方法与代码
Nov 26 #Javascript
js 动态选中下拉框
Nov 26 #Javascript
You might like
浅谈php fopen下载远程文件的函数
2016/11/18 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
jQuery对指定元素中指定字符串进行替换的方法
2015/03/17 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
js实现水平滚动菜单导航
2017/07/21 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
javascript中关于类型判断的一些疑惑小结
2018/10/14 Javascript
Vue全局loading及错误提示的思路与实现
2019/08/09 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
Python中的__slots__示例详解
2017/07/06 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
TensorFlow实现RNN循环神经网络
2018/02/28 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
python实现超级玛丽游戏
2020/03/18 Python
详解用python -m http.server搭一个简易的本地局域网
2020/09/24 Python
Python reversed反转序列并生成可迭代对象
2020/10/22 Python
一组SQL面试题
2016/02/15 面试题
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
医学生自荐信范文
2013/12/03 职场文书
高中军训感言500字
2014/02/24 职场文书
大专学生求职自荐信
2014/07/06 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
辩论会主持词
2015/07/03 职场文书
话题作文之呼唤
2019/12/18 职场文书
MySQL分布式恢复进阶
2022/07/23 MySQL