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 相关文章推荐
你的编程语言可以这样做吗?
Sep 07 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 Javascript
js使用ajax读博客rss示例
May 06 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
Aug 01 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
jQuery响应滚动条事件功能示例
Oct 14 jQuery
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
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
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
Display SQL Server Version Information
2007/06/21 Javascript
jquery 操作DOM案例代码分享
2012/04/05 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
用nodeJS搭建本地文件服务器的几种方法小结
2017/03/16 NodeJs
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
python读取Android permission文件
2013/11/01 Python
Django的session中对于用户验证的支持
2015/07/23 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
Python线程之定位与销毁的实现
2019/02/17 Python
python requests抓取one推送文字和图片代码实例
2019/11/04 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
销售顾问的岗位职责
2013/11/13 职场文书
项目合作计划书
2014/01/09 职场文书
一月红领巾广播稿
2014/02/11 职场文书
本科生求职信
2014/06/17 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript