jquery_jquery での EasyUI の使用に関するヒントのまとめ-jsチュートリアル-php.cn

jquery_jquery での EasyUI の使用に関するヒントのまとめ

WBOY

リリース： 2016-05-16 16:14:59

オリジナル

1235 人が閲覧しました

コンボボックスコンポーネント

1. コンボボックスの入力ボックスを無効にします

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

$("selector").combo('textbox').attr("readonly", "readonly");

$('セレクター').combobox({

編集可能:false 、

パネルの高さ:300

});

2. 無効

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

$('セレクター').combobox('無効');

3. オプションのテキストと値を取得します

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

$("selector").combobox("getText")//オプションテキストを取得

$("selector").combobox("getValue")//オプションの値を取得

4. フォーカスが自動的に拡大され、Enter キーを押して何かを実行します

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

$("セレクター").focus(function () {
$(this).combo('showPanel');
$(this).combo('textbox').focus();
$($(this).combo('textbox')).unbind("keyup").bind("keyup", function (e) {
If (e.keyCode == 13) {

//何かをします
}
});
});

2. ポップアップレイヤーが表示されると、デフォルトで最初のボタンにフォーカスがあり、Enter キーを押して対応する機能を実行して閉じます。ただし、ウェブブラウザを使用して表示した後は使用できなくなります。 csプログラム。

ボディのキーアップイベントを監視する次のメソッドがあります。違いは、ボタンにフォーカスがあるかどうかに関係なくクリックイベントをトリガーできることです。これはモーダルウィンドウに似ています。 (ポップアップウィンドウで Enter キーを押すとこのメソッドは閉じますが、これはお勧めできません)

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

$('body').live('keyup',function(e){

If(e.keyCode == 13){

$('.window').map(function(){

If($(this).css('display') == 'block'){

$(this).find('.messager-button').children("a:first").click();

$(this).find('.dialog-button').children("a:first").click();

}

});

}

});

注: 多くのネチズンが関連記事を書いているのを見ましたが、私も海賊船に乗っているような気分でした。ページの読み込み中、約 2 秒間は完全に白になります (これはライブラリファイルへの参照だけです)。そのため、多くの人にとってパフォーマンスは問題ないはずです。ダニエルが私にアドバイスをくれることを願っています。