Maison >interface Web >Tutoriel H5 >Knockoutjs+select2 Partage de code de la fonction de recherche de personnel
HTML:
javascript:
$ ('.PersonEmail').select2({
"separator": ",",
"maximumSelectionSize": 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',
délai : 250,
données : fonction (paramètres) {
return {
q : params.term, // terme de recherche
page: params.page
},
processResults : fonction (données, paramètres) {
params.page = params.page || 1;
résultats : data.items,
pagination : {
plus : (params.page * 30) < data.total_count
},
cache: false,
type : 'post'
initSelection : fonction (élément, rappel) {
if (element.val() != null) {
var data = { id: element.val(), text: element.val() };
//alerte (data.id);
callback(data); //这里初始化
}
}
})
Actuellement, il ne convient qu'à une sélection unique. La sélection multiple est toujours en cours de configuration et sera ajoutée une fois le test réussi.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!