Maison > interface Web > Tutoriel H5 > Knockoutjs+select2 Partage de code de la fonction de recherche de personnel

Knockoutjs+select2 Partage de code de la fonction de recherche de personnel

巴扎黑
Libérer: 2017-07-21 14:07:47
original
2250 Les gens l'ont consulté

 

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;

retourner {

                          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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal