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 相关文章推荐
Js切换功能的简单方法
Nov 23 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
juery框架写的弹窗效果适合新手
Nov 27 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
iconfont的三种使用方式详解
Aug 05 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中的unset究竟会不会释放内存
2013/07/18 PHP
php设计模式之单例模式使用示例
2014/01/20 PHP
php内核解析:PHP中的哈希表
2014/01/30 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
2013/04/24 Javascript
JavaScript通过join函数连接数组里所有元素的方法
2015/03/20 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
JS for循环中i++ 和 ++i的区别介绍
2016/07/20 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
微信小程序中使用javascript 回调函数
2017/05/11 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
javaScript产生随机数的用法小结
2018/04/21 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
详解flask表单提交的两种方式
2018/07/21 Python
Python实现随机创建电话号码的方法示例
2018/12/07 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
浅谈Keras的Sequential与PyTorch的Sequential的区别
2020/06/17 Python
电子商务专业个人的自我评价
2013/12/19 职场文书
网络教育自我鉴定
2014/02/04 职场文书
团日活动总结模板
2014/06/25 职场文书
电子银行业务授权委托书
2014/10/10 职场文书
市场部岗位职责范本
2015/04/15 职场文书
医院合作意向书范本
2015/05/08 职场文书
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电