jqgrid를 사용하여 clientside에서 모든 데이터를 검색하는 방법

이미 웹 서비스에서 클라이언트 측으로 데이터를 가져 와서 처음에는 경고 상자에 표시했으나 지금은 jqGrid 표현으로 데이터를 표시해야합니다. pls는 내 코드를 확인합니다. 무엇이든 바꿀 필요가있다.jqgrid를 사용하여 clientside에서 모든 데이터를 검색하는 방법

<head id="head1" runat="server"> 
    <title></title> 
    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> 
    <script src="Scripts/grid.local-en.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.jqgrid.min.js" type="text/javascript"></script> 
    <link href="Scripts/jqgrid/jqgrid.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript"> 
    jQuery(document).ready(function() 
    { 
    jQuery("#grid").jqGrid({ 
    url:"Name.asmx/Display", 
    datatype:"json", 
    type:'GET', 
    colNames:['eid', 'ename', 'dob', 'addr', 'pincode', 'dsgid', 'salary', 'doj'], 
    colModel:[ 
     { name: 'eid', index: 'id', width: 55, sortable: false, editable: false,  editoptions: { readonly: true, size: 10} }, 
     { name: 'ename', index: 'ename', width: 200, editable: false }, 
     { name: 'dob', index: 'dob', width: 200, editable: true }, 
     { name: 'addr', index: 'addr', width: 100, editable: true }, 
     { name: 'pincode', index: 'pincode', width: 300, editable: true }, 
     { name: 'type', index: 'type', width: 200, editable: true}, 
     { name: 'dsgid', index: 'dsgid', width: 200, editable: true }, 
     { name: 'salary', index: 'salary', width: 100 }, 
     { name: 'doj', index: 'doj', width: 100 }, 
    ], 
     jsonReader: { 
      repeatitems: false 
     }, 
     rowNum: 10, 
     rowList: [10, 20, 30], 
     pager: jQuery('#gridpager'), 
     sortname: 'ename', 
     viewrecords: true, 
     loadonce:true, 
     sortorder: "asc", 
     caption: "customerdetails", 
    }); 
    }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <h2> 
     AJAX call test page</h2> 
     <div id="jqgrid"> 
     <table id="grid"> 
     </table> 
     <div id="gridpager"> 
     </div> 
    </div> 
    </div> 
    </form> 
    </body> 
    </html>

출처

2014-09-02 Ahalya

어떤 오류가 나타 납니까 ?? – Wahab

@Wahab이 코드를 실행하면 "Microsoft JScript 런타임 오류 : 개체가이 속성이나 메서드를 지원하지 않습니다." – Ahalya

은 json u r이 유효합니까 ?? – Wahab

그리드에서 오류를 찾을 수 없습니다. 추측 오류 일부 스크립트 파일 또는 json 데이터를 반환 할 수 있습니다.

<link href="Scripts/jqgrid/jqgrid.css" rel="stylesheet" type="text/css"/

은 오타가 있습니까? 친절하게 json 반송 확인은 json validator을 사용하여 유효합니다. 그리고 형식을 확인하십시오 Json Data retrieve

출처

2014-09-02 06:48:34 Wahab

jqgrid를 사용하여 clientside에서 모든 데이터를 검색하는 방법

답변

관련 문제