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 相关文章推荐
JavaScript全局函数使用简单说明
Mar 11 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
jQuery获取上传文件的名称的正则表达式
May 21 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 Javascript
基于jquery实现图片上传本地预览功能
Jan 08 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
vue element table 表格请求后台排序的方法
Sep 28 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
什么是短波收听SWL
2021/03/01 无线电
php错误、异常处理机制(补充)
2012/05/07 PHP
基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)
2014/01/31 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
Python获取央视节目单的实现代码
2015/07/25 Python
Python中的if、else、elif语句用法简明讲解
2016/03/11 Python
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
python 决策树算法的实现
2020/10/09 Python
香港个人化生活购物网站:Ballyhoo Limited
2016/09/10 全球购物
期末自我鉴定
2014/02/02 职场文书
给校长的一封建议书
2014/03/12 职场文书
项目建议书模板
2014/05/12 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
教师节大会主持词
2015/07/06 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
公文写作:新员工转正申请书范本3篇!
2019/08/07 职场文书
导游词之广西漓江
2019/11/02 职场文书
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS