본문 바로가기

jQuery

[w2ui] w2ui 그리드(Grid)에서 checkbox 사용하기. ■ w2ui 그리드(Grid)에서 checkbox 사용하기. 01. 그리드에 선택박스(selectbox)를 추가해 보자 코드는 아래와 같다. w2ui_select_records.php 전체 선택 전체 해제 특정 열 선택 특정 열 여러개 선택 특정 열 해제 선택 열 팝업 함수호출 설명 selectAll( ) · 해당 그리드의 모든 열을 선택한다. selectNone( ) · 해당 그리드의 모든 열의 선택을 해제한다. select( ) · 지정한 특정 열만을 선택한다. · 콤마( , )를 사용하여 구분함으로서 한번에 여러개를 선택하는것도 가능하다. unselect( ) · 지정한 특정 열의 선택을 해제한다. · 콤마( , )를 사용하여 구분함으로서 한번에 여러개를 해제하는것도 가능하다. 02. 출력결과는 아.. 더보기
[w2ui] 그리드(Grid) 외부 데이터 불러와서 조회하기 ■ w2ui 그리드 다른 파일의 데이터 불러오기 01. 외부에 있는 *.json 데이터를 불러옴으로써 그리드를 그릴 수 있다. w2ui_load data.php twice_member.json { "total" : 9, "records" : [ { recid:1, name:"나연", autonym:"임나연", position:"리드댄서, 리드보컬", birthday:"1995-09-22" } , { recid:2, name:"정연", autonym:"유정연", position:"리드보컬", birthday:"1966-11-01" } , { recid:3, name:"모모", autonym:"히라이 모모", position:"서브보컬, 메인댄서", birthday:"1996-11-09" } , { reci.. 더보기
[w2ui] 그리드(Gride)의 상세검색 한글로 변환하기 ■ w2ui 그리드(Gride)의 상세검색 한글로 변환하기 01. we2ui의 검색조건을 한글로 바꿀려면 *.js파일을 수정해야 한다. getSearchesHTML: function ()을 검색한뒤 아래와 같은 영역에 한글로 지정했다. w2ui-1.4.3.js getSearchesHTML: function () { var html = ''; var showBtn = false; for (var i = 0; i < this.searches.length; i++) { var s = this.searches[i]; s.type = String(s.type).toLowerCase(); if (s.hidden) continue; var btn = ''; if (showBtn == false) { btn = 'X'.. 더보기
[w2ui] 그리드(Grid)에 검색기능 추가하기 ■ w2ui 그리드(Grid)에 검색창 추가하기. w2ui의 그리드에 위와같은 검색창을 달아보자.방법은 아래와같다. 01. show영역에 toolbar를 true로 설정하는걸로서 툴바를 나타내고 multiSearch를 선언한뒤 searches 부분에 검색영역을 지정함으로서 검색기능을 사용 할 수 있다. w2ui_simple_search_true.php 02. 출력결과는 아래와 같다. ■ w2ui 그리드(Grid)에 상세 검색 기능 추가하기 ※ w2ui 그리드 조회 검색 타입. 타입 연산자 설명 text is, begins, contains, ends · 가장 기본적으로 특정 문자열이 존재하는지 검색한다. int is, in, not in, betwwen · 특정 숫자값을 조회할때 사용한다. · 숫자만 입.. 더보기
[w2ui] 그리드(Grid) 오름차순, 내림차순 정렬 기능 추가하기. ■ w2ui 그리드에서 오름차순, 내림차순 정렬 기능 추가하기. 01. sortable을 true로 지정함으로서 출력한 그리드를 오름차순 내림차순 정렬할 수 있다. w2ui_sortable_line.php 02. 제목이 들어가 있는열에 마우스를 가져다 대고 클릭하면 아래 출력결과와 오름차순, 내림차순으로 변경되는 것을 확인 할 수 있다. 더보기

티스토리툴바