jqGrid 적용...도와 주세요!!!!

개발 Q&A

제목	jqGrid 적용...도와 주세요!!!!
글쓴이	든이제	작성시각	2014/06/20 08:29:28
댓글 : 32 추천 : 0 스크랩 : 0 조회수 : 25066 RSS
현재 codeigniter를 사용하여...jqGrid를 적용 시키려 하는데... 정말 쉽지 않네요... 일단 테스트를 위하여....몇가지 데이터만 가지고 실행 하고 있는데... model에서 데이터를 가지고 와서... 뿌려 주는 과정에서... foreach($a as $row) { $responce->rows[$i]['id'] = $row['No']; $responce->rows[$i]['cell'] = array ( $row['No'], $row['Itemcode'], $row['Itemname'] // $row['FrgnName'], // $row['U_SWW'], // $row['In Stock(BOX)'], // $row['Sales Commited Qty(BOX)'], // $row['Incomming Qty(BOX)'] ); $i++; } echo json_encode($responce); 이부분을 실행 하면 echo로 인하여 첨부파일처럼....화면에는 뿌려 지는데...테이블 안으로 데이터가 들어 오질 안네요... 고수님들...아시는 분은 제발 답변 부탁 드립니다.... <---jquery 부분--> $(document).ready(function() { $("#list").jqGrid({ url: 'http://192.168.10.17:9999/application/libraries/jq_grid.php', //another controller function for generating data mtype : "POST", //Ajax request type. It also could be GET datatype: "json", //supported formats XML, JSON or Arrray colNames:["No","Product Code","Product Name"], colModel: [ {name:"No",index:"No", width:50, align:"left"}, {name:"Itemcode",index:"Itemcode", width:150, align:"left"}, {name:"Itemname",index:"Itemname", width:150, align:"left"} ], rowNum:10, width: 1200, height: 250, rowList:[10,20,30], pager: "#pager", sortname: "id", viewrecords: true, //rownumbers: true, //gridview: true, caption:"Product List" }); });
다음글	가입 할수 없는 ID 설정 해놓고 회원 가입시 설정해... (9)
이전글	자바 스크립트 -> php로 배열 넘길때 질문입니... (4)
목록

letsgolee / 2014/06/24 08:22:38 / 추천 0

인건 CI와 상관없습니다. 또 데이터가 잘 넘어온 것을 확인했기 때문에 나머지는 html과 javascript에서 처리가 되어야 합니다.

letsgolee / 2014/06/24 08:24:48 / 추천 0

위에 답변이 두개가 되어 동시에 올라갔습니다. 가끔 답변이 두개가 되어 한꺼번에 올라가고 또 하나를 지우려해도 삭제할 수 있는 아이콘 자체가 나타나지 않네요.

든이제 / 2014/06/24 08:27:13 / 추천 0

그럼 지금 자바 스크립트 쪽에서 문제가 발생 할수 있다는 건가요?? 아 정말 골치 아프네요....사진은 보셨는지요?

한대승(불의회상) / 2014/06/24 09:15:53 / 추천 0

든이제// 캡쳐한 화면을 보니 목전에 다 왔네요.
화이팅 입니다. ^^

참고로 json 데이터는 json만 있어야 합니다.

letsgolee / 2014/06/24 11:03:50 / 추천 0

그림을 보면 page 0 of 이렇게 되있죠? 그건 데이터가 제대로 jqgrid와 붙지 않았다는 겁니다. 따라서 jqgrid가 제대로 되는지부터 확인해 보세요. 예를 든다면 제가 예제로 한 것처럼 jgGrid옵션에서 data: mydata, 그리고 datatype: "local", 로 잡고 mydata값을 rows안에 있는 것만 넣어주세요. 이런 식으로요:

var mydata = [{"id":"1","cell":["1","KD0110103","\uad6d\uac04\uc7a5 (930ml) New"]},{"id":"2","cell":["2","KD0110101","\uad6d\uac04\uc7a5 (15L)"]},{"id":"3","cell":["3","KD0110306","\uc9c4\uac04\uc7a5 \uae08S (930ml) New"]},{"id":"4","cell":["4","KD0110307","\uc9c4\uac04\uc7a5 \uae08S (1.8L) New"]},{"id":"5","cell":["5","KD0110301","\uc9c4\uac04\uc7a5 \uae08S (5L)"]},{"id":"6","cell":["6","KD0110302","\uc9c4\uac04\uc7a5 \uae08S (15L)"]},{"id":"7","cell":["7","KD0110205","\uc9c4\uac04\uc7a5 S (930ml) New"]},{"id":"8","cell":["8","KD0110206","\uc9c4\uac04\uc7a5 S (1.8L) New"]},{"id":"9","cell":["9","KD0110201","\uc9c4\uac04\uc7a5 S (5L)"]},{"id":"10","cell":["10","KD0110204","\uc9c4\uac04\uc7a5 S (15L)"]},{"id":"11","cell":["11","KD0110401","\uc9c4\uac04\uc7a5 \uae08 F3 (500ml)"]},{"id":"12","cell":["12","KD0110406","\uc9c4\uac04\uc7a5 \uae08 F3 (15L)"]},{"id":"13","cell":["13","KD0110407","\uc9c4\uac04\uc7a5 \uae08 F3 (1.8L) New"]},{"id":"14","cell":["14","KD0110405","\uc9c4\uac04\uc7a5 \uae08 F3 (930ml) New"]},{"id":"15","cell":["15","KD0110402","\uc9c4\uac04\uc7a5 \uae08 F3 (5L)"]},{"id":"16","cell":["16","KD0110501","\uc870\ub9bc\uac04\uc7a5 (1.8L)"]},{"id":"17","cell":["17","KD0110503","\uc870\ub9bc \uac04\uc7a5 (930ml) New"]},{"id":"18","cell":["18","KD0110504","\uc870\ub9bc\uac04\uc7a5 (1.8L) New"]}];

그리고 테스트 해보면 jpgrid가 제대로 작동하는지 알 수 있을 겁니다.

letsgolee / 2014/06/24 11:18:21 / 추천 0

다음의 코드는 작동이 되는 코드 입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jqGrid Grouping Example</title>
<! -- Install jQuery -->
<script language="javascript" language ="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<! -- Install jQueryUI -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<! -- Install jqGrid -->
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script>
<!--<script src="lib/js/grid.grouping.js" type="text/javascript"></script>-->
<script>
// Create some data
var mydata = [
 {"id":"1","Itemcode":"KD0110103","Itemname":"\uad6d\uac04\uc7a5 (930ml) New"},
 {"id":"2","Itemcode":"KD0110101","Itemname":"\uad6d\uac04\uc7a5 (15L)"},
 {"id":"3","Itemcode":"KD0110306","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (930ml) New"},
 {"id":"4","Itemcode":"KD0110307","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (1.8L) New"},
 {"id":"5","Itemcode":"KD0110301","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (5L)"},
 {"id":"6","Itemcode":"KD0110302","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (15L)"},
 {"id":"7","Itemcode":"KD0110205","Itemname":"\uc9c4\uac04\uc7a5 S (930ml) New"},
 {"id":"8","Itemcode":"KD0110206","Itemname":"\uc9c4\uac04\uc7a5 S (1.8L) New"},
 {"id":"9","Itemcode":"KD0110201","Itemname":"\uc9c4\uac04\uc7a5 S (5L)"},
 {"id":"10","Itemcode":"KD0110204","Itemname":"\uc9c4\uac04\uc7a5 S (15L)"},
 {"id":"11","Itemcode":"KD0110401","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (500ml)"},
 {"id":"12","Itemcode":"KD0110406","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (15L)"},
 {"id":"13","Itemcode":"KD0110407","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (1.8L) New"},
 {"id":"14","Itemcode":"KD0110405","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (930ml) New"},
 {"id":"15","Itemcode":"KD0110402","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (5L)"},
 {"id":"16","Itemcode":"KD0110501","Itemname":"\uc870\ub9bc\uac04\uc7a5 (1.8L)"},
 {"id":"17","Itemcode":"KD0110503","Itemname":"\uc870\ub9bc \uac04\uc7a5 (930ml) New"},
 {"id":"18","Itemcode":"KD0110504","Itemname":"\uc870\ub9bc\uac04\uc7a5 (1.8L) New"}
];
$(document).ready(function() {
   $("#list").jqGrid({
       // url: 'http://192.168.10.17:9999/application/libraries/jq_grid.php',      //another controller function for generating data
     data: mydata,

        mtype : "POST",             //Ajax request type. It also could be GET
        datatype: "local",            //supported formats XML, JSON or Arrray
        colNames:["No","Product Code","Product Name"],
        colModel:
        [
          {name:"id", width:50, align:"left"},
          {name:"Itemcode", width:150, align:"left"},
          {name:"Itemname", width:150, align:"left"}
        ],
        rowNum:10,
        width: 1200,
        height: 250,
        rowList:[10,20,30],
        pager: "#pager",
        sortname: "id",
        viewrecords: true,
        //rownumbers: true,
        //gridview: true,
        caption:"Product List"
   });
});
</script>
</head>
<body>
<table id="list"></table>
<div id="pager"></div>
</body>
</html>

이 코드에서 현재 "든이제"님의 jpGrid 경로를 맞추어서 실행을 해보세요. 만일 되지 않는다면 든이제 님의 jpGrid 경로 설정이나 내부적으로 문제가 있는 것이고 혹 된다면 작성한 코드를 잘 살펴보세요. 예를 든다면 든이제님이 예제로 쓴 코드 중에서 colModel에서 name:"No" 이렇게 적었는데 데이터 중 "No" 필드는 없습니다. "id"필드죠. 즉 코드 안에서도 잘못 작성하였다는 겁니다.

든이제 / 2014/06/25 07:07:02 / 추천 0

말씀하신데로 위의 코드로 하게 되면 작동을 하네요...그런걸로 미루어 볼때...jqgrid나 내부 문제는 아닌거 같고...CI controller 부분에서 jquery 경로로 불러 올때 문제가 있는거 같은데....아...정말 미치겠네요..혹시 제가 model부분 컨트롤러 부분 view부분을 보내드리면 답을 주실수 있는지요...
?????

든이제 / 2014/06/25 07:31:27 / 추천 0

---controller---
$responce->page = 1;
       $responce->total = 2;
       $responce->records = 18;
       $view_data['result'] = $this->model_inventory->jqGrid_data('west', '103');

       $i = 0;
       //print_r($view_data['result'][0]);
       foreach($view_data['result'] as $row) {
           $responce->rows[$i]['id'] = $row['No'];
           $responce->rows[$i]['cell'] = array
           (
               $row['No'],
               $row['Itemcode'],
               $row['Itemname']
           );
           $i++;
       }

       echo json_encode($responce);

---view---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jqGrid Grouping Example</title>
<! -- Install jQuery -->
<script language="javascript" language ="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<! -- Install jQueryUI -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<! -- Install jqGrid -->
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script>

<script>
// Create some data
var mydata = [
{"id":"1","Itemcode":"KD0110103","Itemname":"\uad6d\uac04\uc7a5 (930ml) New"},
{"id":"2","Itemcode":"KD0110101","Itemname":"\uad6d\uac04\uc7a5 (15L)"},
{"id":"3","Itemcode":"KD0110306","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (930ml) New"},
{"id":"4","Itemcode":"KD0110307","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (1.8L) New"},
{"id":"5","Itemcode":"KD0110301","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (5L)"},
{"id":"6","Itemcode":"KD0110302","Itemname":"\uc9c4\uac04\uc7a5 \uae08S (15L)"},
{"id":"7","Itemcode":"KD0110205","Itemname":"\uc9c4\uac04\uc7a5 S (930ml) New"},
{"id":"8","Itemcode":"KD0110206","Itemname":"\uc9c4\uac04\uc7a5 S (1.8L) New"},
{"id":"9","Itemcode":"KD0110201","Itemname":"\uc9c4\uac04\uc7a5 S (5L)"},
{"id":"10","Itemcode":"KD0110204","Itemname":"\uc9c4\uac04\uc7a5 S (15L)"},
{"id":"11","Itemcode":"KD0110401","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (500ml)"},
{"id":"12","Itemcode":"KD0110406","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (15L)"},
{"id":"13","Itemcode":"KD0110407","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (1.8L) New"},
{"id":"14","Itemcode":"KD0110405","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (930ml) New"},
{"id":"15","Itemcode":"KD0110402","Itemname":"\uc9c4\uac04\uc7a5 \uae08 F3 (5L)"},
{"id":"16","Itemcode":"KD0110501","Itemname":"\uc870\ub9bc\uac04\uc7a5 (1.8L)"},
{"id":"17","Itemcode":"KD0110503","Itemname":"\uc870\ub9bc \uac04\uc7a5 (930ml) New"},
{"id":"18","Itemcode":"KD0110504","Itemname":"\uc870\ub9bc\uac04\uc7a5 (1.8L) New"}
];
$(document).ready(function() {
$("#list").jqGrid({
url: 'http://192.168.10.17:9999/inventory/product-list', //another controller function for generating data
data: mydata,

mtype : "POST", //Ajax request type. It also could be GET
datatype: "json", //supported formats XML, JSON or Arrray
colNames:["No","Product Code","Product Name"],
colModel:
[
{name:"id", width:50, align:"left"},
{name:"Itemcode", width:150, align:"left"},
{name:"Itemname", width:150, align:"left"}
],
rowNum:10,
width: 1200,
height: 250,
rowList:[10,20,30],
pager: "#pager",
sortname: "id",
viewrecords: true,
//rownumbers: true,
//gridview: true,
caption:"Product List"
});
});
</script>
</head>
<body>
<table id="list"></table>
<div id="pager"></div>

든이제 / 2014/06/25 07:32:37 / 추천 0

--화면에 찍히는 값--
{"page":1,"total":2,"records":18,"rows":[{"id":"1","cell":["1","KD0110103","\uad6d\uac04\uc7a5 (930ml) New"]},{"id":"2","cell":["2","KD0110101","\uad6d\uac04\uc7a5 (15L)"]},{"id":"3","cell":["3","KD0110306","\uc9c4\uac04\uc7a5 \uae08S (930ml) New"]},{"id":"4","cell":["4","KD0110307","\uc9c4\uac04\uc7a5 \uae08S (1.8L) New"]},{"id":"5","cell":["5","KD0110301","\uc9c4\uac04\uc7a5 \uae08S (5L)"]},{"id":"6","cell":["6","KD0110302","\uc9c4\uac04\uc7a5 \uae08S (15L)"]},{"id":"7","cell":["7","KD0110205","\uc9c4\uac04\uc7a5 S (930ml) New"]},{"id":"8","cell":["8","KD0110206","\uc9c4\uac04\uc7a5 S (1.8L) New"]},{"id":"9","cell":["9","KD0110201","\uc9c4\uac04\uc7a5 S (5L)"]},{"id":"10","cell":["10","KD0110204","\uc9c4\uac04\uc7a5 S (15L)"]},{"id":"11","cell":["11","KD0110401","\uc9c4\uac04\uc7a5 \uae08 F3 (500ml)"]},{"id":"12","cell":["12","KD0110406","\uc9c4\uac04\uc7a5 \uae08 F3 (15L)"]},{"id":"13","cell":["13","KD0110407","\uc9c4\uac04\uc7a5 \uae08 F3 (1.8L) New"]},{"id":"14","cell":["14","KD0110405","\uc9c4\uac04\uc7a5 \uae08 F3 (930ml) New"]},{"id":"15","cell":["15","KD0110402","\uc9c4\uac04\uc7a5 \uae08 F3 (5L)"]},{"id":"16","cell":["16","KD0110501","\uc870\ub9bc\uac04\uc7a5 (1.8L)"]},{"id":"17","cell":["17","KD0110503","\uc870\ub9bc \uac04\uc7a5 (930ml) New"]},{"id":"18","cell":["18","KD0110504","\uc870\ub9bc\uac04\uc7a5 (1.8L) New"]}]}

든이제 / 2014/06/25 08:39:16 / 추천 0

한가지 말씀드리자면 CI프레임 사용하지 않은 서버에서 확인 해본 결과....동작을 제대로 하네요...CI문제가 아닐까요??? 아님 CI에서 따로 설정을 해줘야 하는건 아닌지....휴....

한대승(불의회상) / 2014/06/25 08:48:13 / 추천 0

든이제// CI문제는 아닙니다. ^^

든이제 / 2014/06/25 08:49:48 / 추천 0

그럼 어떻게 해야 하나요?? 알려주시면 감사 드리겠습니다.

letsgolee / 2014/06/25 09:32:48 / 추천 0

이게 되는 코드입니다. 데이터베이스와는 잘 맞추어 사용하세요.

controller: jqgrid.php

<?php

class JqGrid extends CI_Controller {

 function __construct() {
  parent::__construct();
 }

 function index() {

  $data = array();
  $this->load->view('jqgrid', $data);
 }

 function ajax_request() {

  // 데이터베이스를 만들자... 이것도 일...
  $data = array(
   array("No"=>"1","Itemcode"=>"KD0110103","Itemname"=>"국간장 (930ml) New"),
   array("No"=>"2","Itemcode"=>"KD0110101","Itemname"=>"국간장 (15L)"),
   array("No"=>"3","Itemcode"=>"KD0110306","Itemname"=>"진간장 금S (930ml) New"),
   array("No"=>"4","Itemcode"=>"KD0110307","Itemname"=>"진간장 금S (1.8L) New"),
   array("No"=>"5","Itemcode"=>"KD0110301","Itemname"=>"진간장 금S (5L)"),
   array("No"=>"6","Itemcode"=>"KD0110302","Itemname"=>"진간장 금S (15L)"),
   array("No"=>"7","Itemcode"=>"KD0110205","Itemname"=>"진간장 S (930ml) New"),
   array("No"=>"8","Itemcode"=>"KD0110206","Itemname"=>"진간장 S (1.8L) New"),
   array("No"=>"9","Itemcode"=>"KD0110201","Itemname"=>"진간장 S (5L)"),
   array("No"=>"10","Itemcode"=>"KD0110204","Itemname"=>"진간장 S (15L)"),
   array("No"=>"11","Itemcode"=>"KD0110401","Itemname"=>"진간장 금 F3 (500ml)"),
   array("No"=>"12","Itemcode"=>"KD0110406","Itemname"=>"진간장 금 F3 (15L)"),
   array("No"=>"13","Itemcode"=>"KD0110407","Itemname"=>"진간장 금 F3 (1.8L) New"),
   array("No"=>"14","Itemcode"=>"KD0110405","Itemname"=>"진간장 금 F3 (930ml) New"),
   array("No"=>"15","Itemcode"=>"KD0110402","Itemname"=>"진간장 금 F3 (5L)"),
   array("No"=>"16","Itemcode"=>"KD0110501","Itemname"=>"조림간장 (1.8L)"),
   array("No"=>"17","Itemcode"=>"KD0110503","Itemname"=>"조림 간장 (930ml) New"),
   array("No"=>"18","Itemcode"=>"KD0110504","Itemname"=>"조림간장 (1.8L) New")
  );

  
  // view에서 전달해야 할 것... 최소 두가지. 여기서는 get방식으로 가져왔다.
  // post로 가져올 이유가 없어보여서...

  // 보여줄 페이지
  $page = $this->input->get('page');
  // 한 페이지 당 나열될 데이터 갯수
  $per_page = $this->input->get('rows');

  // 전체 데이터 갯수
  $records = count($data);

  // 한 페이지당 나열될 갯수로 전체 데이터 갯수를 나누면 전체 페이지가 나옴.
  $total_pages = ceil($records / $per_page);

  if ($page > $total_pages) $page=$total_pages;

  // 데이터 전송 준비
  $responce = new stdClass;

  $responce->page = $page;
        $responce->total = $total_pages;
        $responce->records = $records;

        $i = 0;

  // 시작 시점
  // 데이터베이스에서는 limit 설정을 한다고 생각하면 됨...
  // LIMIT $start, $per_page 이런 식으로 하면 됨.
  $start = ($page -1) * $per_page;


        for($j = $start; $j < $records; $j++) {
   $row = $data[$j];
            $responce->rows[$i]['id'] = $row['No'];
            $responce->rows[$i]['cell'] = array
            (
                $row['No'],
                $row['Itemcode'],
                $row['Itemname']
            );
            $i++;
        }

        echo json_encode($responce);
 }

}

viewer: jqgrid.php

<!DOCTYPE html>
<html>
<head>
<title>jqGrid test</title>
<!-- Install jQuery -->
<script language="javascript" language ="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Install jQueryUI -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<!-- Install jqGrid -->
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script>
<!--<script src="lib/js/grid.grouping.js" type="text/javascript"></script>-->
<script>
$(document).ready(function() {
 $("#list").jqGrid({
  url: 'http://localhost/codeigniter-test/jqgrid/ajax_request',
  mtype : "GET", //Ajax request type. It also could be GET
  datatype: "json", //supported formats XML, JSON or Arrray
 colNames:["No","Product Code","Product Name"],
 colModel:
 [
 {name:"No", width:50, align:"left"},
 {name:"Itemcode", width:150, align:"left"},
 {name:"Itemname", width:150, align:"left"}
 ],
 rowNum:10,
 width: 1200,
 height: 250,
 rowList:[10,20,30],
 pager: "#pager",
 sortname: "No",
 viewrecords: true,
 //rownumbers: true,
 //gridview: true,
 caption:"Product List"
 });
});
</script>
</head>
<body>
<table id="list"></table>
<div id="pager"></div>
</body>
</html>

주의할 것이 있다면 만일 encoding이 서로 일치하지 않으면 데이터값이 null이 될 수 있습니다. 되도록 둘 다 utf-8로 작업을 하세요. 마찬가지로 파일 인코딩도 그렇구요...

든이제 / 2014/06/26 06:14:49 / 추천 0

성공했습니다!!!!!!! 모두들 감사드려요!!!!!!~~~~~~~~~~~~~~~~~~~~~~

letsgolee / 2014/06/26 07:57:29 / 추천 0

성공했다니 축하합니다. 저한테 밥한끼 사셔야 할 듯...

개발 Q&A

댓글

메시지