2010-11-25 73 views
2

我需要了解如何創建一個非常簡單的jqGrid,以適應JavaScript和jQuery。我一直在網上搜索,但無法找到任何解釋的資源。所以一個簡單的例子會很棒,或者是一個教程的鏈接。如何創建jqGrid

+2

jqGrid可以用來顯示本地數據,或者它可以使ajax請求填充網格。它可以額外用於在所顯示的數據的服務器上進行修改。此外,您可以使用XML數據的JSON作爲輸入。如果使用服務器端數據保存,則需要編寫服務器代碼並可能訪問數據庫。所以你將需要更多的代碼示例。所以你應該更準確地描述你的需求。如果你只是從jqGrid開始,你可以看一下演示頁http://trirand.com/blog/jqgrid/jqgrid.html中的許多帶有代碼模板的實例。 – Oleg 2010-11-25 13:06:10

回答

3

你可以使用jqGrid創建的最簡單的網格可能是由數組填充的網格。你可以找到一個例子here。但基本上所有你需要的是這樣的:

var mydata = [ 
     {id:"1"} 
     ]; 
jQuery("#list4").jqGrid({ 
datatype: "local", 
height: 250, 
colNames:['Inv No'], 
colModel:[ 
    {name:'id',index:'id', width:60, sorttype:"int"} 

], 
caption: "Manipulating Array Data", 
    data: mydata 
}); 

你可以找到你需要the jqGrid wiki的所有信息。

編輯:

我修復的錯誤所指出的奧列格並使用了新的數據參數。艾哈邁德:你可以在包含的js文件或標籤之間的html中執行此操作。你應該看看例子,看看演示頁面的來源。

+0

應將'i <= mydata.length`代碼更改爲`i Oleg 2010-11-25 12:55:21