본문 바로가기

js/jsGrid

 (6)
[jsgrid] grid merge jsgrid 에서 grid 파싱 후 merge function 을 호출 할 이벤트는 onRefreshed 이다. $("#jsGrid").jsGrid({ ... 옵션들 , onRefreshed: function (args) { gridMerge(); }}); onRefreshed 이후 호출되는 grid merge 함수 function gridMerge(){ var classNameMap = new Object(); var gridRowTag = "#jsGrid > div.jsgrid-grid-body > table > tbody > tr"; var gridRows = $(gridRowTag); $.each(gridRows, function (index, item) { var className = $(thi..
[jsgrid] custom type 만들기 var defaultFields = [ { name: "Title", type: "text", width: "", title: "제목", css : "col-md-4 col-sm-4 col-xs-4" }, { name: "MenuType_Code", type: "text", width: "", title: "위치", css : "text-center" }, { name: "Location_Code", type: "text", width: "", title: "순서", css: "text-center" }, { name: "Region_Code", type: "text", width: "", title: "지역", css: "text-center" }, { name: "Start_Date", type: "..
[jsgrid] json datetime column convert to javascript datetime on with custum format var defaultFields = [ { name: "Title", type: "text", width: "", title: "용어명", css: "text-left col-md-9 col-sm-9 col-xs-9" }, { name: "RegisterId", type: "text", width: "", title: "등록자", css: "text-center col-md-1 col-sm-1 col-xs-1" }, { name: "RegistDate", type: "date", width: "", title: "등록일시", css: "text-center col-md-1 col-sm-1 col-xs-1" }, { name: "UseYn", type: "text", width: "", title: "사용..
[jsGrid] 우측 스크롤바 없애기 .jsgrid-table {width:100%;}.jsgrid-grid-header {overflow: hidden;}.jsgrid-grid-body {overflow: hidden;}
[jsgrid] header sort 마크 제거 jsGeid에서 header 나 외부 이벤트로 컬럼들이 정렬되었을때 기본 설정 시 대상 컬럼에 sort 방향이 표시가 되는데 마크를 없애고 싶을 때 소스입니다. jsGrid sort 가 완료되었을때 함수에서 jQuery.removeClass 를 실행시켜주면 됩니다. 대상 클래스는 jsgrid-header-sort 이고 방향에 따라서는 jsgrid-header-sort-asc , jsgrid-header-sort-desc 가 추가되기도 하지만 jsgrid-header-sort만 없애주면 이하 방향은 표시되지 않습니다. 아래에는 해당 소스입니다. jQuery(document).ready(function ($) { $("#btnSortingCltrMnmtNo").on("click", function () { ..
[jsgrid] options fields 변경하기 var defaultFields = [ { name: "CLTR_MNMT_NO", type: "checkbox", width: 20, title: "" }, { name: "CLTR_MNMT_NO_TEXT", type: "text", width: 100, title: "물건번호물건종류(용도)", validate: "required" }, { name: "CLTR_NM", type: "text", title: "소재지", width: "40%" }, { name: "MIN_BID_PRC_TEXT", type: "text", title: "감정가(원)최저입찰가(원)", width: 100 }, { name: "PBCT_CLTR_STAT_NM", type: "text", title: "진행상태", width:..

티스토리툴바