Knockoutjs+select2 인사검색 기능 코드 공유

 

HTML：

 

 

javascript:

$('.PersonEmail').select2({
               "구분 기호": ",",
               " 최대선택크기 ": 10,
               "placeholder": "请选择用户",
               "allowClear": false,
              "maximumInputLength": 100,
              "minimumResultsForSearch": "2",
               "tags": false,
               templateResult: 함수( repo) {
                   markup = repo.text;
                   repo markup;
               },
               escapeMarkup: function (markup) { return markup; },
               templateSelection: 함수(repo) {
                   repo.text;
               },

ajax : {
                 @*url: '@Url.Action("SelectUser", "CommercialReminder")', dataType: 'json', data: function (params) {*@
                   url: 'SelectUser',
                  데이터 유형: 'json ',
                 지연: 250,
                   데이터: 함수(매개변수) {
                     반환 {
                          q: params.term, // 검색어
                           페이지: params.page
                     };
                         },
                  processResults: 함수(데이터, 매개변수) {
                       params.page = params.page || 반환     더 보기: (params.page * 30) < data.total_count

                           }

                     };
                 },
                   캐시: ,
                 type: 'post'
               },
               initSelection: 함수(요소, 콜백) {
                 if (element.val() != null)
                       var data = { id: element.val(), text: element.val() };
                       //alert(data.id);
                       콜백(데이터); //这里初始화
                   }
               }
           })

 

 

현재는 단일 선택에만 적합합니다. 다중 선택은 아직 구성 중이며 테스트를 통과한 후 추가될 예정입니다.

위 내용은 Knockoutjs+select2 인사검색 기능 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!