本文目录一览:
- 1、extjs 要在选择按钮后增加一个上传按钮,
- 2、extjs 怎么动态设置combo的allowblank属性
- 3、extjs怎样获取jsp页面中“text”输入框的id,并为它添加allowBlanket=false的数据验证
- 4、extjs 中如何横排表单元素?
- 5、ExtJS allowBlank 处理中文空格要详细的步骤
extjs 要在选择按钮后增加一个上传按钮,
单个按钮的话,参考如下,如果你是想通过两个按钮来表达开关稍作扩展即可:
new Ext.Button ({
scale:'Large',
fieldLabel :'是否',
iconAlign : 'left',
id : 'ynButton',
tag : 'Y',
handler :function(button){
if(button.tag == 'N'){
button.tag = 'Y';
Ext.getDom(button.getId()).innerHTML ='Y图片';
}else if(button.tag=='Y'){
button.tag= 'N';
Ext.getDom(button.getId()).innerHTML ='N图片';
}
}
})
extjs 怎么动态设置combo的allowblank属性
如果是动态加载combo控件,可以使用add方法,如果panel.add(combo);panel.doLayout(true); 如果是动态加载combo中的数据,可以使用combo中的一个属性store来load。
extjs怎样获取jsp页面中“text”输入框的id,并为它添加allowBlanket=false的数据验证
为textfield添加不允许为空的验证方法
//extjs组件
//第一是在配置的时候,加上
Ext.create('Ext.form.field.Text',{
allowBlank: false
})
//第二是配置自定义方法
Ext.create('Ext.form.field.Text',{
id: 't',
validator: function(){
if(Ext.getCmp('t').getValue() === ''){
return false;
}
}
})
//dom元素没有allowBlank配置,所以只有自己写函数
input type="text" id="t" onBlur="notNull();"
function notNull(){
if(Ext.get("text1").getValue() === ''){
return false;
}
}
extjs 中如何横排表单元素?
form表单不可以横排显示,如果需要横排显示的话,可以使用表格表单布局(xtype:'tableform'),这种布局的源码可以从网页上下,如果有需要,可以告诉我你邮箱,我可以发给你。
以下是例子
var form = new Ext.form.FormPanel({
frame : true,
autoWidth: true,
title: '表单提交示例',
defaultType : 'textfield',
buttonAlign : 'center',
labelAlign : 'right',
labelWidth : 65,
layout:'tableform', //布局方式
layoutConfig: { columns: 2 }, //列数
items : [{
fieldLabel : "姓名font color='red'*/font",
allowBlank : false,
name : 'userName'
},{
fieldLabel : "密码font color='red'*/font",
inputType : 'password',
maxLength : 8,
name : 'password',
allowBlank : false
}, buttons:[ { text : '登陆', handler : login },{ text : '重置', handler : reset }] });
ExtJS allowBlank 处理中文空格要详细的步骤
直接用allowBlank是不能处理空格的
你要用正则验证,在你的textfield中加入以下配置项就可以了
regex: /^\S+$/