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

在用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]
})
}
分类:extjs 时间:2014-02-07 人气:58
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.062 (s). 12 q(s)