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

Javascript
关于setEndPoint msdn给出的参考
一个不用onmouseup的拖动函数
实现163邮箱的图标功能
javascript 也来玩玩图片预加载
又一个小巧的图片预加载类
使用正则替换变量
JS统计Flash被网友点击过的代码
JS脚本混淆、加密讨论
通过Unicode转义序列来加密,按你说的可以算是混淆吧
javascript之ESC(第二类混淆)
另一种希望别人无法修改js的代码
javascript又一解密过程,推荐的,会这个基本上好多都能解决了
ESC之ESC.wsf可以实现javascript的代码压缩附使用方法
javascript支持区号输入的省市二级联动下拉菜单
一个不错的渐显菜单
javascript之水平横向滚动歌词同步的应用
javascript实现表现、结构、行为分离的选项卡效果!
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
用js判断浏览器是否是IE的比较好的办法
延时重复执行函数 lLoopRun.js

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 456 ::
收藏到网摘: 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]
})
}