当前位置: 首页 > 图文教程 > 网络编程 > Javascript > extJs 文本框后面加上说明文字+下拉列表选中值后触发事件

Javascript
IE与firefox下Dhtml的一些区别小结
jQuery Selectors(选择器)的使用(一、基本篇)
jQuery Selectors(选择器)的使用(二、层次篇)
jQuery 跨域访问问题解决方法
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
javascript 面向对象全新理练之数据的封装
javascript 面向对象全新理练之继承与多态
javascript 面向对象全新理练之原型继承
JavaScript 生成随机数并自动大小排序
JavaScript利用split函数按规定截取字符串(获取邮箱用户名)
JavaScript 双级下拉菜单实现代码
JavaScript split()使用方法与示例
33种Javascript 表格排序控件收集
js 屏蔽鼠标右键脚本附破解方法
javascript json 新手入门文档
jQuery Selectors(选择器)的使用(四-五、内容篇&可见性篇)
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
javascript 汉字转拼音实现代码
javascript 跳转代码集合
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)

Javascript 中的 extJs 文本框后面加上说明文字+下拉列表选中值后触发事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 260 ::
收藏到网摘: n/a

在用extjs做参数设置的时候,想在文本框后加入说明子,在网站上走了一大圈还是没能找到合适的,小花用了一个下午的上班时间终于将这个页面与我想要的功能做出,页面很好看与自然,希望网友在用extjs做项目的时候用的着.

复制代码 代码如下:

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]
})
}