公司有個(gè)項(xiàng)目前端主要是用jqGrid來(lái)做的，對(duì)于俺這新人且前端不熟的人而言，難度還是有點(diǎn)大，記錄下本人在此次開(kāi)發(fā)中所使用的屬性或方法。

viewrecords:true，顯示記錄

rowNum：-1，設(shè)置可顯示的行數(shù)當(dāng)前返回最大值（例如：返回100條數(shù)據(jù)，界面可顯示的數(shù)據(jù)為100，返回1000，界面可顯示的數(shù)據(jù)為1000.適合用在未分頁(yè)但是不可預(yù)測(cè)返回多少行的情況）

單擊行之前觸發(fā)的事件:beforeSelectRow

單機(jī)行時(shí)觸發(fā)的事件：onSelectRow

設(shè)置多選：multiselect: true,

根據(jù)ID獲取某一行數(shù)據(jù)：$("#gridList").jqGrid("getRowData", ID)

凍結(jié)列：在渲染列的時(shí)候（colModel里面）添加 Frozen：true;然后?jQuery("#gridList").jqGrid('setFrozenColumns');

重新執(zhí)行url方法 傳遞參數(shù)（keyword）：$("#gridList").jqGrid('setGridParam',{postData: { keyword: $("#txt_keyword").val() }}).trigger('reloadGrid');

從界面上移除某一行（沒(méi)有修改數(shù)據(jù)庫(kù)）:?$("#gridList").jqGrid("delRowData", id); ? ?

獲取所有選中行ID：var ids = $('#gridList').jqGrid('getGridParam', 'selarrrow');

獲取所有行ID：var ids = $('#gridList').jqGrid('getDataIDs');

設(shè)置行可編輯：?

editable: true,

edittype: 'text',

editoptions: { size: 10, maxlength: 15 },
editrules: { required: true },
formoptions: { elmprefix: '(*)' }

上面是自帶的行編輯

本人更喜歡這種行編輯方式：

{

name: 'Amount', width: 80, align: 'right',

formatter: function (value, options, rowObject)

{
value = value == null ? "0.00" : rowObject.Amount;
return "<input class=\"form-control \" ?id=\"" + rowObject.ID + "Amount\" ?οnkeyup=KeyUpAmount('" + rowObject.ID + "',this.id,this) value=\"" + value + "\"/>";
}

}

注意：提交表單的時(shí)候注意把input的value 取出來(lái)賦值給Amount，不然沒(méi)法提交

格式化日期：

{

label: '銷售日期', name: 'CreateDateTime', width: 160, align: 'left'
, formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d' }
}

設(shè)置無(wú)數(shù)據(jù)時(shí)提示文字不顯示：

unwritten: false

暫時(shí)能想到的就這么多了。。。。后續(xù)遇到再補(bǔ)

操作里面多個(gè)按鈕，分別顯示懸停文字 ? 在格式化按鈕的時(shí)候加入title屬性，如：? "<i title=\"下載\" ?class=\"fa fa-cloud-download\"></i>"

?

轉(zhuǎn)載于:https://www.cnblogs.com/acdpp/p/6699380.html

總結(jié)

以上是生活随笔為你收集整理的jqgrid常用操作的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。