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,有空研究学习下
Jan 25 Javascript
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
jQuery实现获取多选框的值示例
Feb 07 jQuery
vue中实现回车键登录功能
Feb 19 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获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
javascript中的undefined 与 null 的区别  补充篇
2010/03/17 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
浅谈js中的this问题
2017/08/31 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
django ajax发送post请求的两种方法
2020/01/05 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
美国最大的烧烤架和户外生活用品专业零售商:Barbeques Galore
2021/01/09 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
中年人生感言
2014/02/04 职场文书
公证书标准格式
2014/04/10 职场文书
志愿者事迹材料
2014/12/26 职场文书
汇报材料怎么写
2014/12/30 职场文书
财产保全担保书
2015/01/20 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
运动会宣传稿50字
2015/07/23 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
python中 .npy文件的读写操作实例
2022/04/14 Python
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server