extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varshowForm;functionpanelShowForm(){showForm=null;showForm=ne...

复制代码 代码如下:

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教程学习
热门Javascript教程学习
编程开发子分类