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 相关文章推荐
摘自启点的main.js
Apr 20 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
Apr 14 Javascript
js获取当前时间显示在页面上并每秒刷新
Dec 24 Javascript
jQuery实现的支持IE的html滑动条
Mar 16 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
Jul 31 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 Javascript
小程序wx.getUserProfile接口的具体使用
Jun 02 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语法速查表
2007/01/02 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
PHP开启opcache提升代码性能
2015/04/26 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
PHP 等比例缩放图片详解及实例代码
2016/09/18 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
深入解析JavaScript中的数字对象与字符串对象
2015/10/21 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
原生js实现旋转木马轮播图效果
2017/02/27 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
JavaScript实现单英文金山打字通
2020/07/24 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
详解python 注释、变量、类型
2018/08/10 Python
Python3中的bytes和str类型详解
2019/05/02 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
区域总监的岗位职责
2013/11/21 职场文书
平安校园建设方案
2014/05/02 职场文书
纪律教育月活动总结
2014/08/26 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
销售员态度差检讨书
2014/10/26 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
运动会表扬稿范文
2015/05/05 职场文书
会计入职心得体会
2016/01/22 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
python函数的两种嵌套方法使用
2022/04/02 Python