드롭다운 셀렉트 박스 플러그인
- 팝업으로 처리된 많은 기능들을 대체하면 좋을듯 합니다.
> [[http://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html]]
--> fselect 가 더 끌리네요!! 활용도는 이녀석이 더 좋을거 같은데.
[추가]
[샘플] * 소스를 열어보자..-_-a
Edward. K
메멘토적 기억능력을 소유한 개발자 노트.
> Fast select ( [[http://dbrekalo.github.io/fastselect/]] )
* 위 설명된 'Selectize' 보다 좋네요..(삭제 할 수 있어서 )
> fSelect ( [[https://www.jqueryscript.net/demo/jQuery-Plugin-For-Filterable-Multiple-Select-with-Checkboxes-fSelect/]] )
* sumoselect 보다는 (검색 및 선택등의 ui 부분에서) 더 낳아 보입
[샘플] * 소스를 열어보자..-_-a
<style> 기본...
.fs-wrap {width: 240px !important;}
.fs-dropdown {width: 240px !important;}
.fs-dropdown .fs-options { max-height: 160px !important; }
.SumoSelect {width: 240px !important;}
.SumoSelect > .CaptionCont > label {right: 10px !important;}
.SumoSelect > .optWrapper > .options { max-height: 160px !important; }
</style>
$('#sel_name').SumoSelect( {
placeholder: '업체를 선택해주세요'
// 몇개까지 보일 것인가
, csvDispCount: 4
, captionFormat: '{0}개의 업체가 선택됨' // csvDispCount 이상인 경우 대체 문자
// 전채 선택 기능
, selectAll:true
// 검색기능 START --------------------------------
, search: true // 검색 사용
, searchText: '검색' // 검색문구
, noMatch: '결과가 없습니다. "{0}"' // 검색결과 없을때
// 검색기능 END -----------------------------------
// 하단 선택 버튼 START -----------------------------------
, okCancelInMulti:true
, isClickAwayOk:true
// 하단 선택 버튼 END -----------------------------------
});
validate rule 에 maxlength 사용시 한글 입력이 허용된 경우 유의바랍니다.
form 태그인 maxlength 개념은 글자수이나.
jquery validate 에선 한글을 3자리로 처리하고 있습니다.
[ jquery.validate.js ] .. maxlength: function( value, element, param ) { var length = $.isArray( value ) ? value.length : this.getLength( $.trim(value), element ); return this.optional(element) || this.strlength(value) <= param; //return this.optional( element ) || length <= param; }, .. strlength: function(value) { .. if (this.isKorean(str)) { strlen = strlen + 3; } .. }, ..
검색란 삭제 버튼 관련 참고한 사이트
퍼블리셔분이 주인장 같은데.. 전체적으로 내용이 좋네요/
[[http://webclub.tistory.com/297]]
테스트용 샘플 html : test_input_clear.html
IE / Chrome 에서 정상 동작
좀더 간단한... table id로 현재 화면의 table을 그대로 excel로
tableExport.jquery.plugin-master.zip
https://github.com/hhurz/tableExport.jquery.plugin
> csv / tsv / txt / json / xml / sql / xlsx / xMLss / word / png / pdf
==========================================================================
DEMO :
http://www.jqueryscript.net/demo/Exporting-Html-Tables-To-CSV-XLS-XLSX-Text-TableExport/
Download :
https://www.jqueryscript.net/table/Exporting-Html-Tables-To-CSV-XLS-XLSX-Text-TableExport.html
==========================================================================
** json to Excel File download
http://jsfiddle.net/hybrid13i/JXrwM/
json data를 Excel 파일로 바로 다운로드 할수 있습니다.
좀더 다듬으면 멋진 excel파일생성 모듈로 재탄생 하겠네요.