사이트에서 제공하는 샘플을 이용해 grid의 행을 추가하는 단순한 기능을 구현하려고하는데
appendList함수를 사용할 때 alert창이 뜨면서 기능 수행이 안되더라고요
콘솔창에는 아무런 오류 메시지가 없고 alert창에는 'setConfig에 editor가 설정 되지 않아 요청을 처리할 수 없습니다.' 라는 말이 나오는데 어떻게 해결해야할까요???
소스는 아래와 같습니다
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<!-- css block -->
<link rel="stylesheet" type="text/css" href="../axisj/ui/arongi/AXJ.css">
<link rel="stylesheet" type="text/css" href="../axisj/ui/arongi/AXButton.css">
<link rel="stylesheet" type="text/css" href="../axisj/ui/arongi/AXInput.css">
<link rel="stylesheet" type="text/css" href="../axisj/ui/arongi/AXGrid.css">
<link rel="stylesheet" type="text/css" href="../axisj/axicon/axicon.css">
<!-- js block -->
<script type="text/javascript" src="../axisj/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../axisj/lib/AXJ.js"></script>
<script type="text/javascript" src="../axisj/lib/AXGrid.js"></script>
<script type="text/javascript" src="../axisj/lib/AXProgress.js"></script>
<script type="text/javascript">
</script>
<title>Insert title here</title>
</head>
<body>
<div class="tag-result">
<input type="text" name="x" class="AXInput" />
<input type="text" name="x" class="AXInput W100"/>
<input type="text" name="x" class="AXInput W50"/>
<input type="text" name="x" class="AXInput W50" />
<button class="AXButton" onclick="update();">확인</button>
</div>
<div id="ui-grid-inline-edit" style="height:200px;"></div>
<script>
var myGrid='';
(function(){
myGrid = new AXGrid();
myGrid.setConfig({
targetID: "ui-grid-inline-edit",
colGroup: [
{key:"no", label:"번호", width:"50", align:"right"},
{key:"title", label:"제목", width:"200", editor:{ type:"text" }},
{key:"writer", label:"작성자", width:"80", align:"center", editor:{ type:"text" }},
{key:"regDate", label:"작성일", width:"100", align:"center", editor:{ type:"calendar" }},
{key:"desc", label:"비고", width:"200", editor:{ type:"text" }}
],
body:{
onclick: function(){
}
}
});
myGrid.setList([
{no:1, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"},
{no:2, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"},
{no:3, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"},
{no:4, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"},
{no:5, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"},
{no:6, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"}
]);
})();
update = function(){
//item=document.getElementsByName('x');
//console.log(item);
var addItem = {};
myGrid.appendList(addItem);
//var item = {no:7, title:"", writer:"", regDate:"",
// desc:""};
//myGrid.appendList(item, myGrid.list.length);
//myGrid.setList({no:6, title:"여기를 더블클릭하세요", writer:"장기영", regDate:"2013-01-18",
// desc:"myGrid.setList 의 첫번째 사용법 list json 직접 지정 법"},myGrid.list.length);
}
</script>
</body>
</html>
사이트에서 제공하는 샘플을 이용해 grid의 행을 추가하는 단순한 기능을 구현하려고하는데 appendList함수를 사용할 때 alert창이 뜨면서 기능 수행이 안되더라고요 콘솔창에는 아무런 오류 메시지가 없고 alert창에는 'setConfig에 editor가 설정 되지 않아 요청을 처리할 수 없습니다.' 라는 말이 나오는데 어떻게 해결해야할까요???
소스는 아래와 같습니다