ホームページ > ウェブフロントエンド > H5 チュートリアル > Knockoutjs+select2 人材検索機能 コード共有

Knockoutjs+select2 人材検索機能 コード共有

巴扎黑
リリース: 2017-07-21 14:07:47
オリジナル
2249 人が閲覧しました

HTML:

javascript:

$('.personEmail').select2({
"separator": ",",
「最大選択サイズ」 ": 10,
「placeholder」: "请选择用户",
"allowClear": false,
"maximumInputLength": 100,
"minimumResultsForSearch": "2",
"tags": false,
templateResult: function ( repo) {
markup = repo.text;
return markup;
},
escapeMarkup: function (markup) { return markup; } ,
templateSelection: function (repo) {
return repo.text;
},

ajax : {
@*url: '@Url.Action("SelectUser", "CommercialReminder")'、dataType: 'json'、data: function (params) {*@
url: 'SelectUser',
dataType: 'json ',
lay: 250,
data: function (params) {
return {
q: params.term, // 検索語
page: params.page
};
processResults: 関数 (データ、パラメータ) {
params.page = params.page || 1;

return {

results: data.items,
ページネーション: {
詳細: (params.page * 30) };
};
}、
キャッシュ:false、
タイプ: 'post'
}、
initselection:function(element、callback){
if(element.val()!= null){
var data = { id: element.val(), text: element.val() };
//alert(data.id);
callback(data); //这里初始化
}
}
})

現在、単一選択のみに適しています。複数選択はまだ構成中であり、テストに合格した後に追加されます。

以上がKnockoutjs+select2 人材検索機能 コード共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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