検索

ホームページ >ウェブフロントエンド >jsチュートリアル >jquery easyui コンボボックスのファジーフィルタリング（サンプルコード）_jquery

jquery easyui コンボボックスのファジーフィルタリング（サンプルコード）_jquery

WBOY
WBOYオリジナル
2016-05-16 17:11:281014ブラウズ

jquery easyui コンボボックスのファジー フィルタリングを変更します

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

filter:function (q,row){
var opts=$(this).combobox("options");

//return row[opts.textField].indexOf(q)==0 ;//

return row[opts.textField].indexOf(q)>-1;// 一致するヘッド位置を一致するものに変更します
},formatter:function(row){
var opts =$(this).combobox("options");
return row[opts.textField]
},loader:function(_7c9,_7ca,_7cb){
var opts=$ (this) .combobox("options");
if(!opts.url){
return false;
}

最初のコンボボックスを選択するように変更します。デフォルトでは行

easyui のコンボボックス拡張機能は、デフォルトで最初の行を選択します。インターネット上にそのコードを何度も転載している狂った学者がいますが、そのコードは easyui1.2.6 専用です。試してみましたが、うまくいきませんでした。 1.3.2以下だったので、自分で書き直しました。 拡張メソッドは次のとおりです。

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

$.extend($.fn.combobox.methods, {
selectedIndex: function (jq, Index) {
if (!index) {
インデックス = 0 ;
}
$(jq).combobox({
onLoadSuccess: function () {
var opt = $(jq).combobox('options');
var data = $ (jq).combobox('getData');

for (var i = 0; i if (i == Index) {
$( jq).combobox('setValue', eval('data[index] .' opt.valueField));
}

> メソッドの呼び出し例は以下のとおりです。




コードをコピー


コードは次のとおりです: