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 setTimeout函数不兼容失效不执行的方法
Nov 14 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
Webpack 实现 AngularJS 的延迟加载
Mar 02 Javascript
AngularJS中的缓存使用
Jan 11 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
vue-week-picker实现支持按周切换的日历
Jun 26 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 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
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
PHP中feof()函数实例测试
2014/08/23 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
详解json在php中的应用
2018/09/30 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
csdn 博客的css样式 v3
2009/02/24 Javascript
学习ExtJS form布局
2009/10/08 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
JS实现弹性菜单效果代码
2015/09/07 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
JS匹配日期和时间的正则表达式示例
2017/05/12 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
2018/05/16 jQuery
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
python3抓取中文网页的方法
2015/07/28 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
python实现远程通过网络邮件控制计算机重启或关机
2018/02/22 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
关于Python解包知识点总结
2020/05/05 Python
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
为什么会有内存对齐
2016/10/10 面试题
精神病医院见习报告
2014/11/03 职场文书
公安机关起诉意见书
2015/05/20 职场文书
2016拓展训练心得体会范文
2016/01/12 职场文书
导游词之崇武古城
2019/10/07 职场文书
redis配置文件中常用配置详解
2021/04/14 Redis
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python