首頁 > web前端 > js教程 > 主體

jquery增加時編輯jqGrid(實例代碼)_jquery

WBOY
發布: 2016-05-16 17:16:51
原創
1038 人瀏覽過

複製程式碼 程式碼如下:

function showTestSubjectGrid() {
    $("#testSubjectGrid").jqGrid({
            height: 215,
        width: 480,
        caption: "測驗科目",
             scrollrows: false, // 是否顯示行捲軸
        multiselect: true , // 是否顯示複選框
        hidegrid: false, //取消Grid的收縮
        postData: {        colNames: ['', '測驗科目', '開始時間', '結束時間', '場次', ],
        colModel: [
        {
      index: 'data',
            hidden : true
        }, {
            name: 'display_content',
       width: 100,
            editable: true,
         >        }, {
            name: 'exam_startTime',
        width: 110,
            editable: true,
           
            name: 'exam_EndTime',
                        editable: true,
            align: 'center'
       align: 'center'
       align: 'center'
    : 'exam_turn',
            index: 'exam_turn',
           🎜>            align: 'center'
        }],
      >            root: "rows",
            repeatitems: false,        gridComplete: function () {
            var testIds = $("#testSubjectGrid").j  •IDs (var i = 0; i                 var cid = testIds[i];
          ] "' id='exam_begintime_" testIds[i] "'/ >" ;
                var exam_endtime = "";
           { exam_startTime: exam_begintime });
                jQuery("#testSubjectGrid").jqGrid(setRowData', cid, {exam_End:Grid ;        jQuery("#testSubjectGrid") .jqGrid('setRowData', cid, { exam_turn: exam_turn });
                $("#exam_begintime_" 'button',
                              🎜>               $("#exam_endtime_" testIds[i]).datepicker({
                     buttonText: '選擇'
              
            }
        }
    });
};


;
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板