2012-08-28 18 views
-1

工作,我已經寫在jqGrid的JavaScript是不是在我下面的代碼

<h2>Manage Transactions</h2> 
<script language="javascript" type="text/javascript"> 

    $(document).ready(function() { 
     $("#TransactionList").jqGrid({ 
      datatype: "local", 
      height: 150, 
      colNames: ['TransactionID', 'MinVersion', 'TransactionDateTime','RequestMessage','ResponseMessage','TransactionName','TransactionDescription','Enabled'], 
      colModel: [ 
       { name: 'TransactionID', index: 'TransactionID', width: 60 }, 
       { name: 'MinVersion', index: 'MinVersion', width: 100 }, 
       { name: 'TransactionDateTime', index: 'TransactionDateTime', width: 400 }, 
       { name: 'RequestMessage', index: 'RequestMessage', width: 60 }, 
       { name: 'ResponseMessage', index: 'ResponseMessage', width: 60 }, 
       { name: 'TransactionName', index: 'TransactionName', width: 60 }, 
       { name: 'TransactionDescription', index: 'TransactionDescription', width: 60 }, 
       { name: 'Enabled', index: 'Enabled', width: 60 } 
     ],    
      multiselect: true, 
      ignoreCase: true, 
      hidegrid: False ,    
      pager: '#gridpager', 
      rowNum: 10, 
      viewrecords: true, 
      rowList: [10, 20, 30, 400]  
     }); 

     $.ajax({ 
      url: 'API/GetTransaction', 
      type: 'post', 
      data: null, 
      beforeSend: function() { 
      }, 
      success: function (response) { 
       alert(response); 
       $("#TransactionList").setGridParam({ data: response }).trigger("reloadGrid"); 
      }, 
      error: function (error) { 
       alert(error); 
      } 
     }); 
     $("#TransactionList").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" }); 
    }); 

以顯示TransactionList在上面的代碼我的javascript不工作下面的代碼。但是,

<h2>Manage Transactions</h2> 

正在瀏覽器上打印。任何人都可以幫助我嗎?

+0

請發佈整個html文件(除非它有很多冗餘信息)。 –

+0

正如註釋中指出的那樣,首先你應該爲jqgrid和pager設置table和div標籤。第二點,請在發佈任何問題之前使用螢火蟲,開發者工具並尋找錯誤訊息 –

回答

1

您似乎沒有編號爲TransactionList的元素。首先加入:

<div id="TransactionList"></div> 

然後從那裏開始工作。

+0

爲了讓jqGrid工作,元素將需要一個表格,再加上他們需要一個帶有gridpager id的div。 –

+0

好的,好點。從來沒有使用它,但顯然需要有某種元素! :P –