AXGrid for EASY

HELP

$("#AXGridTarget").bindGrid([configs]);
$("#AXGridTarget").bindGrid({
	colGroup : [
		{key:"no", label:"체크박스", width:"30", align:"center", formatter:"checkbox"}, 
		{key:"no", label:"번호", width:"50", align:"right"}, 
		{key:"title", label:"제목", width:"200"},
		{key:"writer", label:"작성자", width:"100", align:"center"},
		{key:"regDate", label:"작성일", width:"100", align:"center"},
		{key:"price", label:"가격", width:"100", align:"right", formatter:"money", sort:"desc"},
		{key:"amount", label:"수량", width:"80", align:"right", formatter:"money"},
		{key:"cost", label:"금액", width:"100", align:"right", formatter:function(){
			return (this.item.price.number() * this.item.amount.number()).money();
		}},
		{key:"desc", label:"비고", width:"200"}
	],
	body : {
		onclick: function(){
			toast.push(Object.toJSON({index:this.index, r:this.r, c:this.c, item:this.item}));
			$("#AXGridTarget").editGrid({item:this.item, index:this.index}); // 에디터 호출
		}
	},
	editor: {
		rows: [
			[
				{colSeq:0, align:"center", valign:"middle", formatter: function(){return "";}},
				{colSeq:1, align:"center", valign:"middle", form:{type:"hidden", value:"itemValue"}},
				{colSeq:2, align:"left", valign:"top", form:{type:"text", value:function(){
						return this.value.dec();
					}
					, validate:function(){
						if(this.value == ""){
							alert("제목은 필수 입력 항목 입니다.");
							return false;
						}else{
							return true;	
						}
						
					}}
					, AXBind:{type:"selector", config:{
						appendable:true,
						ajaxUrl:"selectorData.json", 
						ajaxPars:"",
						onChange:function(arg){
							if(arg == null) arg = "null";
							toast.push(Object.toJSON(arg));
						}
					}}},
				{colSeq:3, align:"left", valign:"top", form:{type:"text", value:"itemValue"}},
				{colSeq:4, align:"left", valign:"top", form:{type:"text", value:"itemValue"}, AXBind:{type:"date"}},
				{colSeq:5, align:"left", valign:"top", form:{type:"text", value:"itemValue"}, AXBind:{type:"money"}},
				{colSeq:6, align:"left", valign:"top", form:{type:"text", value:"itemValue"}, AXBind:{type:"number", config:{min:1, max:100}}},
				{colSeq:7, align:"right", valign:"top"},
				{colSeq:8, align:"left", valign:"top", form:{type:"textarea", value:"itemValue"}}
			]
		],
		request:{ajaxUrl:"saveGrid.asp", ajaxPars:"param1=1¶m2=2"}
	}
});	
$("#AXGridTarget").searchGrid([configs]);
$("#AXGridTarget").searchGrid({ajaxUrl:"loadGrid.asp", ajaxPars:"param1=1¶m2=2"});
$("#AXGridTarget").setCheckedGrid([configs]);
$("#AXGridTarget").setCheckedGrid({colSeq:0, TF:true});
$("#AXGridTarget").setCheckedGrid({colSeq:0, TF:false});
colSeq : bindGrid > colGroup index
var checkedList = getCheckedGrid([configs]);
var checkedList = getCheckedGrid({targetID:"AXGridTarget", colSeq:0});
dialog.push(Object.toJSON(checkedList));
$("#AXGridTarget").appendGrid([configs]);
$("#AXGridTarget").appendGrid({});
appendGrid에 전달하는 item값을 적용하여 insert form 을 구성합니다.
$("#AXGridTarget").editGrid([configs]);
bindGrid 안에 onclick 안에서 this.item, this.index값을 editrGrid 에 전달 합니다.
body : {
	onclick: function(){
		toast.push(Object.toJSON({index:this.index, r:this.r, c:this.c, item:this.item}));
		$("#AXGridTarget").editGrid({item:this.item, index:this.index}); // 에디터 호출
	}
},	
$("#AXGridTarget").removeGrid([configs]);
전달한 개체와 비교하여 일치하는 대상을 제거 합니다. 이때 고유한 값이 아닌 항목을 전달 할 때에는 에러가 발생 할 수 있습니다.
var checkedList = getCheckedGrid({targetID:"AXGridTarget", colSeq:0});
if(checkedList.length == 0){
	alert("선택된 목록이 없습니다. 삭제하시려는 목록을 체크하세요");	
	return;
}
if(!confirm("정말 삭제 하시겠습니까?")) return;

/// something do for server
var removeList = [];
$.each(checkedList, function(){
	removeList.push({no:this.no});
});
$("#AXGridTarget").removeGrid(removeList);