Js外掛程式之JqGrid的使用

簡介：jqgrid 是乙個用來顯示網格資料的jquery外掛程式，通過使用jqgrid可以輕鬆實現前端頁面與後台資料的ajax非同步通訊。

示例：

需要引入的檔案：

css:

ui.jqgrid.css

js:jquery-2.0.3.min.js

jquery.jqgrid.min.js

grid.locale-en.js

demo:

頁面載入：

$(function() );

function pageinit() /ksssfy/kssshzjqgrid',
postdata : ,
datatype : "json",
/* colnames和colmodel可以選擇動態載入，從後台傳過來，使用el表示式取 */
colnames : [ '科室名稱', '西藥收入', '中成藥收入', '中藥收入', '**收入',
'診查收入 ', '檢查收入', '**收入', '手術收入', '床位收入', '護理收入',
'其他收入', '衛生材料收入', '血液收入', '化驗收入', '合計' ],
colmodel : [,,,
,,, ,,,
,,,,
,,],rownum : 15,
rownumbers:true,
width : 1130,
pager : '#dept_name',
sortname : 'invdate',
viewrecords : true,
sortorder : "desc",
loadcomplete : function() else 
jsonreader: 
},shrinktofit : false,
caption : "科室手術費用彙總(單位：元)",
height : 'auto'
});jquery("#gfrc1").jqgrid('setfrozencolumns');
}

function reloadgrid()/ksssfy/kssshzjqgrid',

postdata : 
}).trigger("reloadgrid");//切換資料 
}

}業務邏輯就不貼出來了，根據個人的實際情況，這個是不帶分頁的，如果需要帶分頁的話，後台傳入的資料格式有稍微不一樣。

不帶分頁：

jsondata="";

jsondata="";

jqgrid 外掛程式的使用

首先設定table的id和分頁 table名稱 table分頁 1.獲取某一行的某個值 var rptid gridlist jqgridrowvalue rptid 2.多選刪除 獲取到所有列表 var aa gridlist jqgrid getgridparam selarrrow rptid...

js之text template的使用

在js裡面，經常需要使用js往頁面中插入html內容。比如這樣 如果html很短還好說，但是遇到描述裡面的這麼大段，直接用字串儲存會很困難，因為不光要處理單引號，還需要很多 號把字串乙個個連線起來，十分的不方便。給設定type text template 標籤裡面的內容不會被執行，也不會顯示在頁面上...

jqgrid 各種方法引數的使用

現在jqgrid物件 tableobj 一 獲取選中的行 selected tableobj.jqgrid getgridparam selrow if selected null 二 獲取選中行的行資料和行中各單元格的值 var rowdata tableobj.getrowdata select...