本文目錄一覽:
- 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+$/
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/227274.html