> 웹 프론트엔드 > H5 튜토리얼 > Knockoutjs+select2 인사검색 기능 코드 공유

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

巴扎黑
풀어 주다: 2017-07-21 14:07:47
원래의
2208명이 탐색했습니다.

 

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿