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 相关文章推荐
FLASH 广告之外的链接
Dec 16 Javascript
最短的IE判断代码
Mar 13 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
了解javascript中变量及函数的提升
May 27 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
vue实现简易的双向数据绑定
Dec 29 Vue.js
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 正则表达式小结
2009/08/31 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
PHP之密码加密的几种方式
2015/07/29 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
JavaScript 继承详解(一)
2009/07/13 Javascript
Javascript 继承机制实例
2009/08/12 Javascript
js chrome浏览器判断代码
2010/03/28 Javascript
JQuery live函数
2010/12/24 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
JQuery控制DIV的选取实现方法
2016/09/18 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
对于Python的框架中一些会话程序的管理
2015/04/20 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
深入理解Django自定义信号(signals)
2018/10/15 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
HTML5输入框下拉菜单功能的示例代码
2020/09/08 HTML / CSS
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
EJB的几种类型
2012/08/15 面试题
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
白酒市场营销方案
2014/02/25 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
三行辞职书范文
2015/02/26 职场文书
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL