>

다음 코드에 문제가 있습니다

<script type="text/javascript">
var mydata = [ {id:"1",name:"foo"},{id:"2",name:"bar"}  ];
jQuery(document).ready(function() {
jQuery("#lgrid").jqGrid({ data: mydata, 
                    datatype: "local", 
                    height: 150, 
                    width:600,
                    rowNum: 10, 
                    rowList: [10,20,30], 
                    colNames:['id','name'], 
                    colModel:[  {name:'id',index:'id', width:60, sorttype:"int"},
                                {name:'name',index:'name', width:60}], 
                    pager: "#pgrid", 
                    viewrecords: true, 
                    caption: "Contacts" });
});
</script>

그리고 몸에 ....

<table id="lgrid"></table>
<div id="pgrid"></div>

이 코드를 사용하면 데이터를 그리드에 표시하지 않습니다. 누군가이 문제에 대한 아이디어가 있습니까?
감사합니다.


  • 답변 # 1

    코드가 제대로 작동합니다. 전체 HTML을 여기에 게시 할 수 있습니다. 여기에서 출력 스크린 샷을 확인하십시오. 링크 텍스트 여기 완전한 HTML이 있습니다.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=utf-8">
    <TITLE>test</TITLE>
    <link type="text/css" href="lib/jquery/css/overcast/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" media="screen" href="lib/jqgrid/css/ui.jqgrid.css" />
    <script type="text/javascript" src="lib/jquery/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="lib/jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
    <script src="lib/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
    <script src="lib/jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script>
    <script type="text/javascript">
        var mydata = [ {id:"1",name:"foo"},{id:"2",name:"bar"}  ];
        jQuery(document).ready(function() {
        jQuery("#lgrid").jqGrid({ data: mydata, 
                            datatype: "local", 
                            height: 150, 
                            width:600,
                            rowNum: 10, 
                            rowList: [10,20,30], 
                            colNames:['id','name'], 
                            colModel:[  {name:'id',index:'id', width:60, sorttype:"int"},
                                        {name:'name',index:'name', width:60}], 
                            pager: "#pgrid", 
                            viewrecords: true, 
                            caption: "Contacts" });
        });
        </script>
    </HEAD>
    <BODY>
    <table id="lgrid"></table>
    <div id="pgrid"></div>
    </BODY>
    </HTML>
    
    

  • 답변 # 2

    localReader: { repeatitems: false } 설정  jqGrid 옵션 객체에서.

관련 자료

  • 이전 functional programming - SML에서 레코드 값을 업데이트하는 방법은 무엇입니까?
  • 다음 Flutter에서 대화식 알림을 만드는 방법