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 相关文章推荐
Js 时间间隔计算的函数(间隔天数)
Nov 15 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
详解JavaScript的Date对象(制作简易钟表)
Apr 07 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
在vue中使用防抖函数组件操作
Jul 26 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 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数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
Node.js和PHP根据ip获取地理位置的方法
2014/03/14 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
2019/05/28 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
javascript中正则表达式语法详解
2020/08/07 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
Python实现的数据结构与算法之队列详解
2015/04/22 Python
Python多线程和队列操作实例
2015/06/21 Python
Python爬虫之正则表达式的使用教程详解
2018/10/25 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
python梯度下降算法的实现
2020/02/24 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
python字典的值可以修改吗
2020/06/29 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
python集合能干吗
2020/07/19 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
工程造价管理专业大专生求职信
2013/10/06 职场文书
高校自主招生自荐信
2013/12/09 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
授权委托书公证
2014/09/14 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
会计工作岗位职责
2015/02/03 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技