[.js][software]

[jqGrid] simple Grid (local)

혜화초보 2017. 9. 8. 16:44

 

 



/* 기본 그리드 형태 */

/*  base grid style */


<html>
<head>
</head>
<link rel="stylesheet" type="text/css" media="screen" href="./jqueryUi/jquery-ui.css" />
<link rel="stylesheet" type="text/css" media="screen" href="./jqGrid/css/ui.jqgrid.css" />  
<style type="text/css">
</style>
<script src="./jqGrid/js/jquery-3.2.1.min.js"></script><script src="./jqueryUi/jquery-ui.js"></script>
<script src="./jqGrid/js/jquery.jqGrid.min.js"></script>
<script language='javascript' >




 $(function(){
     var gridData = [
        {seq:"1",date1:"2017/09/01",name1:"Homer",name2:"note",hitnum:"100"},
        {seq:"2",date1:"2017/10/02",name1:"Marge",name2:"note2",hitnum:"350"}  ];


     $("#list").jqGrid({
        datatype: "local",
        height: 300,
        colNames:['seq','name1', 'name2', 'date','hit'],
        colModel:[
                {name:'seq'},
                {name:'name1'},
                {name:'name2'},
                {name:'date1'},
                {name:'hitnum'}    
        ],
        caption: " title aa "
     });
         
     for(var i=0;i<=gridData.length;i++){
        $("#list").jqGrid('addRowData',i+1,gridData[i]);
     }
})






</script>
<body>


<table id="list"></table>


</body>
</html>