1.背景
最近のプロジェクトを行うためのプロセスは、我々は、オブジェクトのコントロールを使用しますが、同時にかつ選択ドロップダウンボックスを書いたので、私たちは、オブジェクトのドロップダウンボックスの一部が見えなくさせる制御を見つけるたびに、ドロップダウンボックスをクリックし、
アンケート研究では、我々はコントロールをブロックするIFRAMEタグオブジェクトを使用できることを発見した後、具体的なコードは次のように:
2、基本的な使い方
- HTML
// 下拉框 の<div クラス = " 選択" > <EL- 選択 のV -model = " 値" > <EL- オプションの V - のために = " 項目内の項目を" :キー = " item.value " :ラベル = " アイテム.LABEL " :値 = " item.value " > </ EL-オプション> </ EL- 選択 > </ div> <div>の < 対象:parentCaseData = " caseData " > </ オブジェクト > </ div>
- レンダリング
3、ソリューション
-
- HTML
// ドロップダウンボックス の<div クラス = 「SELECT 」 > <EL- SELECT Vの -model = 「値を フィルター処理// カスタムフィルタイベントは、ろ過の必要なしプロパティに追加する必要があります記述する必要はありません :=フィルター方式、」filterDoc " // SELECTカスタムフィルタを作成する必要はありません何のフィルタを必要としない内 変更= @ 「clickDoc 」 @visible -change = 「visibleChange 」// 隠し示すために、モニターのドロップダウンボックスを > <EL- オプション Vを - ために = "項目内の項目" :キー = " item.value " :ラベル = " item.label " :値 = " item.valueは" > </ EL-オプション> </ EL- 選択 > </ div> <div>の < オブジェクト:parentCaseData = " caseData " > </ オブジェクト >
<IFRAMEスタイル= "位置:絶対;幅:100%;高さ:70%;左:0;底:0;透明;"REF = "IFRAME"FRAMEBORDER = "0"= "SelectVisible" V-IF> </ iframe>の</ div>
- HTML
- 脚本
- データ
SelectVisible:偽
- 方法
/ * * * [隠し表示するVisibleChange器具印刷ドロップダウンボックス] * @return {[タイプ]} [説明] * / visibleChange(ヴァル){ この .docSelectVisible = ヴァル; }
- データ
4、問題に遭遇
ノー