jquery增加時(shí)編輯jqGrid(實(shí)例代碼)
function showTestSubjectGrid() {
$("#testSubjectGrid").jqGrid({
url: "",
datatype: "json",
height: 215,
width: 480,
caption: "測(cè)試科目",
autoheight: true,
autowidth: true,
scrollrows: false, // 是否顯示行滾動(dòng)條
multiselect: true, // 是否顯示復(fù)選框
hidegrid: false, //取消Grid的收縮
postData: {
strJson: testsubjectData
},
colNames: ['', '測(cè)試科目', '開(kāi)始時(shí)間', '結(jié)束時(shí)間', '場(chǎng)次', ],
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實(shí)現(xiàn)倒計(jì)時(shí)功能完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)倒計(jì)時(shí)功能,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery倒計(jì)時(shí)功能相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-06-06jQuery+ajax實(shí)現(xiàn)用戶登錄驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery+ajax實(shí)現(xiàn)用戶登錄驗(yàn)證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09單擊按鈕發(fā)送驗(yàn)證碼,出現(xiàn)倒計(jì)時(shí)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇單擊按鈕發(fā)送驗(yàn)證碼,出現(xiàn)倒計(jì)時(shí)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03jQuery如何實(shí)現(xiàn)點(diǎn)擊頁(yè)面獲得當(dāng)前點(diǎn)擊元素的id或其他信息
點(diǎn)擊頁(yè)面獲得當(dāng)前點(diǎn)擊元素的id或者其他信息,使用jquery可以輕松做到這一點(diǎn),下面有個(gè)不錯(cuò)的示例,希望對(duì)大家有所幫助2014-01-01簡(jiǎn)單實(shí)用jquery版三級(jí)聯(lián)動(dòng)select示例
本文主要為大家介紹下通過(guò)jquery實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)select這里用到的json文件,只是事例,根據(jù)情況添加或編寫,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒
XSS指的是跨站腳本攻擊,比如人們常說(shuō)的向$傳入字符串或者字符串轉(zhuǎn)換可執(zhí)行函數(shù)等一些安全方面值得注意的細(xì)節(jié),下面就為大家整理了jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒2016-05-05jQuery插件ajaxFileUpload實(shí)現(xiàn)異步上傳文件效果
jQuery插件AjaxFileUpload用來(lái)實(shí)現(xiàn)ajax文件上傳,該插件使用非常簡(jiǎn)單,接下來(lái)我們來(lái)看下用AjaxFileUpload插件實(shí)現(xiàn)文件上傳的方法,有需要的小伙伴可以參考下2015-04-04jquery創(chuàng)建表格(自動(dòng)增加表格)代碼分享
jquery創(chuàng)建表格在點(diǎn)擊單元格時(shí)自動(dòng)增加一行表格,代碼看下面2013-12-12JQuery+drag.js上傳圖片并且實(shí)現(xiàn)圖片拖曳
這篇文章主要介紹了JQuery+drag.js上傳圖片并且實(shí)現(xiàn)圖片拖曳,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11