이 기사는 일부 실제 프로젝트에서 구성 요소 부트 스트랩 Select2의 사용법을 요약합니다. 그것은 당신과 공유됩니다. 도움이 필요한 친구들은 그것으로부터 배우고 우회를 피할 수 있습니다. 특정 내용은 다음과 같습니다
생식 이미지 :
고정 된 방식으로 데이터를 얻거나 ajax, bootstrap.js/css 및 select2.js/css를 얻는지 여부와 :
{{stylesheet_link ( 'css/bootstrap.css')}}} {{Stylesheet_link ( 'css/select2.min.css')}} {{Stylesheet_link ( 'css/font-awomes.min.css'}}} { Stylesheet_Link ( 'CSS/Prettify.css')}}} {{javaScript_include ( 'js/lib/jquery.js')}} {{javaScript_include ( 'js/lib/select2.js') {{{{{ javaScript_include ( 'js/lib/bootstrap.js')}}} <div> <section id = "tags"> <div> <p> <multiple = "multip"> <옵션 selected = "selected"> anspect> <pection> white> </div> </div> </div> </div> </div> </div> </div> </p> </div> </div> </p> <selection> <옵션>얻는 고정 방법 :
$ ( ". js-example-tags"). select2 ({tags : true, // 태그 createearchChoice를 사용자 정의 할 수 있습니까? }, multiple : true, data : [{id : 0, text : 'story'}, {id : 1, text : 'bug'}, {id : 2, text : 'task'}]});Ajax 메소드 받기 :
$ ( ". js-example-tags"). select2 ({// 태그 태그 활성화 태그 : true, // 원격 데이터로드 // https://select2.github.io/options.html#ajax ajax를 참조하십시오. []; var.push [x]);설명
Ajax의 데이터 리턴 형식은 다음과 같습니다.
해당 PHP 코드 예제
... $ p1 = 배열 (id = => "1", text => "java"); $ p2 = 배열 (id = => "2", text => "jvm"); $ test = 배열 (1 => $ p1,2 => $ p2); $ params [ 'responsedata'] = $ test; $ this-> view-> disable (); 반환 부모 :: ajaxResponse ($ params);
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위의 것은 Select2의 일부 사용 방법에 대한 소개입니다. 모든 사람의 학습에 도움이되기를 바랍니다.