ホームページ > ウェブフロントエンド > jsチュートリアル > extJs はテキスト ボックスの後に説明テキストを追加し、ドロップダウン リストで値を選択した後にイベントをトリガーします_extjs

extJs はテキスト ボックスの後に説明テキストを追加し、ドロップダウン リストで値を選択した後にイベントをトリガーします_extjs

WBOY
リリース: 2016-05-16 18:41:06
オリジナル
1773 人が閲覧しました

コードをコピーします コードは次のとおりです。

var showForm( )
{
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({
フィールド: ["値", "テキスト"], データ: [['1','有効'],['0','無効']]
}),
// これら 2 つの項目は、
valueField: "value"、
displayField: "text"、
listeners:{ change:function(){ 上のフィールドに対応する必要があります。 changeValue() ;}
},
anchor:'100%'
}
},{
columnWidth:.4,
layout:'form',
items :{
hiddenName:"infoFillOne",
name:"infoFillOne",
xtype:'label',
html:' が無効に設定されています。は利用できません< ;/font>'、
labelSeparator:''、
anchor:'100%'
}
}、{
columnWidth:.6、
layout:' form',
items:{hiddenName:"updateDay",
name:"updateDay",
xtype:'textfield',
fieldLabel:'更新期間',
emptyText : '設定to -1 この項目は無効です',
maxLength:'100',
readOnly:false,
vtype:'day',
anchor:'100%'
}
},{
columnWidth:.4,
layout:'form',
items:{
hiddenName:"info",
name:"info",
xtype:' label',
//labelAlign:'left',
html:
' は -1 に設定されており、項目は無効になっています',
labelSeparator :' ',
アンカー:'100%'
}
}]
}]
})
}

/**
* パスワードトリガーイベントを有効にするかどうか
*/
function changeValue()
{
if(queryForm.form.findField('enable').getValue()=="0")
{
$("updateDay").無効 = true;
}else{
$("updateDay").disabled = false;
/**
※ウィンドウ表示
*/
関数 input()
{
panelShowForm();
win=new Ext.Window({
title: "extJs テキスト ボックスの後に説明を追加",
width:200, //ウィンドウの初期幅値
hight:200, //ウィンドウの初期高さ値
x:100, //ウィンドウの初期 x 位置
y:100, //ウィンドウの初期 y 位置
plain : true,
modal : true, //モーダルウィンドウ
maximizable:true, 最大化表示
resizable:false, //ウィンドウのサイズではドラッグできません
items:[showForm]
})
}


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート