본문 바로가기

Web/WebSquare9

[WebSquare] 웹스퀘어 5 gridview event 및 Formatter ** gridview event 및 Formatter ** 1. 그리드 컬럼 별로 이벤트 주기(oncellclick) - gridView를 구성하는 각 컬럼별로는 event가 없다. 그래서 gridView자체에 이벤트 주고 뽑아내야 한다 이벤트에 있는 row, col(컬럼의 인텍스값)를 이용하자 예] 사번더블클릭시 해당 row의 주소 팝업 뜨게 하기 scwin.ui_memberList_oncelldblclick = function(row,col,colId) { var scolId = ui_memberList.getColumnID(col); if(scolId == "EMP_CD"){ alert(dc_userInfoList.getCellData(row, "ADDRESS1")); } }; 2. 컬럼에 필수값에.. 2023. 5. 27.
[WebSquare] 웹스퀘어 5 gridview gridview 1. autofit:allColumn, autofitminwith:700 :css 미디어 쿼리 효과 내기 - autofit 컬럼 줄어듬 - autofitminwith:700 이면 700이하로는 안줄어듬 2. columnmove : true : 그리드 내에서 컬럼 움직임 3. sortable - sortable:true 그리드 헤드에서 데이터 솔트 가능하게 함 - 전체와 그리드 항목별로 설정 가능 gridView에서 sortable:true, 원하지 않는 항목만 column 헤더 속성에서 sortable:false) - ctrl키 + 헤더 더블클릭 시 multi sort 가 적용된다 - sortEvent는 default로 더블클릭에서 수행, 변경하고자 한다면 속성에서 변경가능 4. 컬럼에 .. 2023. 5. 27.
[WebSquare] 웹스퀘어 5 컴포넌트 관련 select,checkbox, radio 동적 바인딩 * select,checkbox, radio 동적 바인딩 1. 값직접 입력 ui_gender.addItem("M", "남자", 0); ui_gender.addItem("F", "여자", 1); ui_gender.setValue("M"); 2. 데이터셋을 이용해 동적데이타바인딩 var jsonData = [{"code":"01","name":"총괄"} ,{"code":"02","name":"담당"} ,{"code":"03","name":"디자인"} ,{"code":"04","name":"개발"} ]; dataList_role.setJSON(jsonData, false); ui_role.setNodeSet("data:dataList_role", "name", "code"); 3. submission와 dat.. 2023. 5. 27.
[WebSquare] 웹스퀘어 5 css 미디어 쿼리 효과/오늘날짜 지정 * css 미디어 쿼리 효과 내기 1. group 안에서 버튼 float:right; 주고 group에는 overflow: hidden; 를 주어 그룹 영역안에 있게한다 2. TableLayout - 테이블 그룹속성 선택 > 속성에서 adaptive: layout, adaptiveThreshold: 700 를 주어 브라우저가 작아지면 row로 출력되게 한다(반응형웹처럼 됨) * InputCalendar에 오늘날짜 지정하기 ui_date.setValue($p.getCurrentServerDate("yyyyMMdd")); // $p로 웹스쿼어 내장api사용가능 2023. 5. 27.

티스토리툴바