jquery增加時編輯jqGrid(實例代碼)
更新時間：2013年11月08日 09:06:14 作者：
jquery增加時編輯jqGrid(實例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助
復制代碼 代碼如下:
function showTestSubjectGrid() {
$("#testSubjectGrid").jqGrid({
url: "",
datatype: "json",
height: 215,
width: 480,
caption: "測試科目",
autoheight: true,
autowidth: true,
scrollrows: false, // 是否顯示行滾動條
multiselect: true, // 是否顯示復選框
hidegrid: false, //取消Grid的收縮
postData: {
strJson: testsubjectData
},
colNames: ['', '測試科目', '開始時間', '結(jié)束時間', '場次', ],
colModel: [
{
name: 'data',
index: 'data',
hidden: true
}, {
name: 'display_content',
index: 'display_content',
width: 100,
editable: true,
align: 'left'
}, {
name: 'exam_startTime',
index: 'exam_startTime',
width: 110,
editable: true,
align: 'center'
}, {
name: 'exam_EndTime',
index: 'exam_EndTime',
width: 110,
editable: true,
align: 'center'
}, {
name: 'exam_turn',
index: 'exam_turn',
width: 110,
editable: true,
align: 'center'
}],
jsonReader: {
root: "rows",
repeatitems: false,
id: "data"
},
gridComplete: function () {
var testIds = $("#testSubjectGrid").jqGrid("getDataIDs");
for (var i = 0; i < testIds.length; i++) {
var cid = testIds[i];
var exam_begintime = "<input type='text' name='exam_begintime_" + testIds[i] + "' id='exam_begintime_" + testIds[i] + "'/>";
var exam_endtime = "<input type='text' name='exam_endtime_" + testIds[i] + "' id='exam_endtime_" + testIds[i] + "'/>";
var exam_turn = "<input type='text' name='exam_turn_" + testIds[i] + "' id='exam_turn_" + testIds[i] + "'/>";
jQuery("#testSubjectGrid").jqGrid('setRowData', cid, { exam_startTime: exam_begintime });
jQuery("#testSubjectGrid").jqGrid('setRowData', cid, { exam_EndTime: exam_endtime });
jQuery("#testSubjectGrid").jqGrid('setRowData', cid, { exam_turn: exam_turn });
$("#exam_begintime_" + testIds[i]).datepicker({
showOn: 'button',
buttonText: '選擇'
});
$("#exam_endtime_" + testIds[i]).datepicker({
showOn: 'button',
buttonText: '選擇'
});
}
}
});
};
相關(guān)文章
基于jQuery通過jQuery.form.js插件實現(xiàn)異步上傳
這篇文章主要介紹了基于jQuery通過jQuery.form.js插件實現(xiàn)異步上傳，代碼很詳細，感興趣的小伙伴們可以參考一下2015-12-12
Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點擊label實現(xiàn)checkbox組選擇，頭部選項，如全選/ 取消全選 /關(guān)閉功能,支持鍵盤選擇等等，下面與大家分享下具體使用2013-05-05
Jquery使用each函數(shù)實現(xiàn)遍歷及數(shù)組處理
這篇文章主要介紹了Jquery使用each函數(shù)實現(xiàn)遍歷及數(shù)組處理,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
JQuery實現(xiàn)點擊div以外的位置隱藏該div窗口
鼠標點擊div外的地方讓div窗口隱藏消失，實現(xiàn)方法有很多，在本文將為大家介紹下jquery中時如何實現(xiàn)的，感興趣的朋友不要錯過了哈2013-09-09
jQuery文本框(input textare)事件綁定方法教程
jquery的事件綁定已經(jīng)用on替換了原來的bind，接下來為大家分享下bind的使用方法及input textare事件2013-04-04
討論 jQuery 和 javascript 性能的文章并不罕見。然而，本文我計劃總結(jié)一些速度方面的技巧和我本人的一些建議，來提升你的 jQuery 和 javascript 代碼。好的代碼會帶來速度的提升?？焖黉秩竞晚憫馕吨玫挠脩趔w驗。2014-05-05
jQuery的Each比JS原生for循環(huán)性能慢很多的原因
這篇文章主要介紹了jQuery的Each比JS原生for循環(huán)性能慢很多的原因的相關(guān)資料,需要的朋友可以參考下2016-07-07
jQuery的Ajax接收java返回數(shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了jQuery 禁止表單用戶名、密碼自動填充功能,需要的朋友可以參考下2017-10-10
jQuery 浮動導航菜單適合購物商品類型的網(wǎng)站
頁面長度較大，需要方便快速的在頁面的不同位置進行定位，所以浮動菜單逐漸流行了起來，下面是jQuery浮動導航菜單適合購物網(wǎng)站商品類型2014-09-09