Heim > Web-Frontend > H5-Tutorial > Hauptteil

Knockoutjs + select2 Code-Sharing für die Personalsuchfunktion

巴扎黑
Freigeben: 2017-07-21 14:07:47
Original
2191 Leute haben es durchsucht

 

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage