thomasJang / axisj

javascript UI library
http://axisj.com/
GNU Lesser General Public License v2.1
310 stars 86 forks source link

appendList관련 질문입니다. #992

Closed ghost closed 7 years ago

ghost commented 7 years ago

사이트에서 제공하는 샘플을 이용해 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>