본문 바로가기

jQuery/w2ui

[w2ui] 그리드(Grid) 열(Row) 클릭이벤트로 팝업창 오픈하기. ■ 그리드 클릭이벤트 01. w2ui 그리드에서 해당 행을 클릭하였을 경우 팝업창이 오픈되게 수정하여보자. 결과는는 아래와 같이 코드로 구성되어 있다. w2ui_grid_group.php 02. 출력결과는 아래와 같이 클릭시 팝업창이 오픈되는것을 확인 할 수 있다. 더보기
[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 · 특정 숫자값을 조회할때 사용한다. · 숫자만 입.. 더보기

티스토리툴바