ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery での EasyUI の使用に関するヒントのまとめ

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

WBOY
WBOYオリジナル
2016-05-16 16:14:591218ブラウズ

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

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 秒間は完全に白になります (これはライブラリ ファイルへの参照だけです)。そのため、多くの人にとってパフォーマンスは問題ないはずです。ダニエルが私にアドバイスをくれることを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。