Heim >Web-Frontend >H5-Tutorial >Knockoutjs + select2 Code-Sharing für die Personalsuchfunktion

Knockoutjs + select2 Code-Sharing für die Personalsuchfunktion

巴扎黑
巴扎黑Original
2017-07-21 14:07:472249Durchsuche

 

HTML:

 

 

javascript:

$ ('.PersonEmail')
               "allowClear": false,
               "maximumInputLength": 100,
             "minimumResultsForSearch": "2",
             "tags": false,
              templateResult: function (repo) {
                   markup = repo.text;
                   return markup;
               },
               escapeMarkup: function (markup) { return markup; },
               templateSelection: function (repo) {
                   repo.text;
               },

ajax: {
                   @*url: '@Url.Action("SelectUser", "CommercialReminder")', dataType: 'json', data: function (params) {*@

                   url : 'SelectUser',

                   dataType: 'json',
                   delay: 250,
                 data: function (params) {
                      return {
                           q: params.term, // Suchbegriff
                           Seite: params.page
                       };
                      processResults: Funktion (Daten, Parameter) {
                       params.page = params.page || 1;

return {
                           results: data.items,
                       Paginierung: {

                              mehr: (params.page * 30) < data.total_count

                            cache: false,
                   type: 'post'
               },
               initSelection: function (element, callback) {
                   if (element.val() != null) {
                       var data = { id: element.val(), text: element.val() };
                     //alert (data.id);
                       callback(data); //这里初始化
                   

Derzeit ist es nur für die Einzelauswahl geeignet, befindet sich noch in der Konfiguration und wird nach bestandenem Test hinzugefügt.

Das obige ist der detaillierte Inhalt vonKnockoutjs + select2 Code-Sharing für die Personalsuchfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn