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

巴扎黑
巴扎黑original
2017-07-21 14:07:472243parcourir

 

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!

Déclaration:
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