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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
网站被黑的假象--ARP欺骗之页面中加入一段js
May 16 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 Javascript
jquery的总体架构分析及实现示例详解
Nov 08 Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 Javascript
详解JavaScript操作HTML DOM的基本方式
Oct 21 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
详解jquery easyui之datagrid使用参考
Dec 05 Javascript
简单实现js放大镜效果
Jul 24 Javascript
JS倒计时实例_天时分秒
Aug 22 Javascript
前端JS获取URL参数的4种方法总结
Apr 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实现paypal整合方法
2010/11/28 PHP
php生成短网址示例
2014/05/05 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
javascript 常用方法总结
2009/06/03 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
利用vue写todolist单页应用
2016/12/15 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
Node.js的特点详解
2017/02/03 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
sqlalchemy对象转dict的示例
2014/04/22 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
python 计算概率密度、累计分布、逆函数的例子
2020/02/25 Python
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
土木工程专业推荐信
2014/02/19 职场文书
社团2014年植树节活动总结
2014/03/11 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
Python中glob库实现文件名的匹配
2021/06/18 Python
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
MySQL创建定时任务
2022/01/22 MySQL
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers