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 相关文章推荐
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
Oct 28 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
Vue Router中应用中间件的方法
Aug 06 Javascript
JavaScript Array.flat()函数用法解析
Sep 02 Javascript
一定要知道的 25 个 Vue 技巧
Nov 02 Vue.js
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 Vue.js
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
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP面向对象程序设计继承用法简单示例
2018/12/28 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
2019/10/15 PHP
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
JavaScript中匿名函数用法实例
2015/03/23 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T
2018/04/03 DOTA
python实现的重启关机程序实例
2014/08/21 Python
Python计算回文数的方法
2015/03/11 Python
python实现银联支付和支付宝支付接入
2019/05/07 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
介绍一下Java中标识符的命名规则
2014/02/03 面试题
区域总监的岗位职责
2013/11/21 职场文书
星级党支部申报材料
2014/05/31 职场文书
学校施工安全责任书
2015/01/29 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
大国崛起英国观后感
2015/06/02 职场文书
公司处罚决定书
2015/06/24 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js
java项目构建Gradle的使用教程
2022/03/24 Java/Android
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android