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图表动画插件Highcharts Examples
Apr 16 Javascript
js字符串的各种格式的转换 ToString,Format
Aug 08 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
js星星评分效果
Jul 24 Javascript
IE6 hack for js 集锦
Sep 23 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
Nov 29 Javascript
Javascript自定义事件详解
Jan 13 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 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加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
PHP实现事件机制的方法
2015/07/10 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
node.js中的fs.ftruncate方法使用说明
2014/12/15 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python聊天室实例程序分享
2016/01/05 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
详解Numpy数组转置的三种方法T、transpose、swapaxes
2019/05/27 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
python代码xml转txt实例
2020/03/10 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
Java基础面试题
2014/07/19 面试题
实习期自我鉴定
2013/10/11 职场文书
财务内勤岗位职责
2014/04/17 职场文书
小小商店教学反思
2014/04/27 职场文书
学生手册评语
2014/05/05 职场文书
销售提升方案
2014/06/07 职场文书
管理人员岗位职责
2015/02/14 职场文书
入党积极分子培养联系人意见
2015/08/12 职场文书
月考总结与反思
2015/10/22 职场文书
使用javascript解析二维码的三种方式
2021/11/11 Javascript
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技