Jqgrid可编辑和验证问题 [英] Jqgrid editable and validation problem

问题描述

这时我把可编辑的假和验证不起作用

Inthis while i putting editable false and validation its not working

jQuery("#ShiftMasterGrid").jqGrid({
       datatype: 'local',
       editurl: 'AddNewShift',
       colNames: [
           'ShiftNo', 'Shift Code', 'Shift Description', 'Shift ShortName', 'Shift Start Time', 'Shift End Time', 'Shift Sequence', 'Type'
       ],
       colModel:
       [
           { name: 'ShiftNo', formatter: ShiftNoColumnFormatter, index: 'ShiftNo', align: 'left', editable: false, hidden: true },
           {
               name: 'ShiftCode',
               index: 'ShiftCode',
               align: 'center',
               editable: true,
               width: 100,
               formatter: ShiftCodeColumnFormatter,

               editrules: { required: true }

           },
           { name: 'ShiftDescription', formatter: ShiftDescriptionColumnFormatter, index: 'ShiftDescription', align: 'center', editable: false, editrules: { required: true } },
           { name: 'ShiftShortName', formatter: ShiftShortNameColumnFormatter, index: 'ShiftShortName', align: 'center', editable: true, editrules: { required: true } },
           {
               name: 'ShiftStartTime',
               index: 'ShiftStartTime',
               formatter: ShiftStartTimeColumnFormatter,
              editable: true,
               editoptions: {
                   dataInit: function(element) {
                       $(element).timepicker({
                           onSelect: function() {
                           }
                       });
                   }
               },
               align: 'center',
               edittable: true,
               editrules: { required: true, time: true }

           },
           {
               name: 'ShiftEndTime',
               index: 'ShiftEndTime',
               formatter: ShiftEndTimeColumnFormatter,
              editable: true,
               editoptions: {
                   dataInit: function(element) {
                           $(element).timepicker({
                           onSelect: function() {
                           }
                       });
                   }
               },
               align: 'center',
               editrules: { required: true, time: true }

           },
           { name: 'ShiftSequence', index: 'ShiftSequence', align: 'center', editable: true, width: 100, formatter: ShiftSequenceColumnFormatter, editrules: { required: true, number: true } },
           { name: 'Type', index: 'Type', editable: true, editoptions: { defaultValue: 'Insert' }, hidden: true, align: 'left' }
       ],

       footerrow: true,
       userDataOnFooter: true,
       unformat: unformatNullColumn,
       pager: '#pagerGrid',
       //width: '100%',
       height: 250,
       rowNum: 2,
       rowList: [3, 5, 10],
       sortname: 'id',
       sortorder: "asc",
       viewrecords: true,
       gridview: true,
       'cellEdit': true,
       cellsubmit: 'clientArray',
       loadonce: true,
       rownumbers: true,
       jsonReader: {
           root: "rows",
           page: "page",
           total: "total",
           records: "records",
           repeatitems: false,
           cell: "cell",
           id: "ShiftId"
       },
       autowidth: '70%',
       ignoreCase: true,



       afterSaveCell: function(id) {
           var rowData = $('#ShiftMasterGrid').jqGrid('getRowData', id);
           $('#ShiftMasterGrid').jqGrid('setRowData', id, rowData);

       }
   });




   var iShiftNo = 0;
   function ShiftNoColumnFormatter(cellvalue, options, rowObject) {

       iShiftNo++;

       return "<input  name='ShiftNo' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftNo + "_ShiftNo' class='ShiftNo' />";
   }

   var iShiftCode= 0;
   function ShiftCodeColumnFormatter(cellvalue, options, rowObject) {

       iShiftCode++;

       return "<input  name='ShiftCode' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftCode + "_ShiftCode' class='ShiftCode' />";
   }


   var iShiftDescription = 0;
   function ShiftDescriptionColumnFormatter(cellvalue, options, rowObject) {

       iShiftDescription++;

       return "<input  name='ShiftDescription' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftDescription + "_ShiftDescription' class='ShiftDescription' />";
   }

   var iShiftShortName = 0;
   function ShiftShortNameColumnFormatter(cellvalue, options, rowObject) {

       iShiftShortName++;

       return "<input  name='ShiftShortName' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftShortName + "_ShiftShortName' class='ShiftShortName' />";
   }



   var iShiftStartTime = 0;
   function ShiftStartTimeColumnFormatter(cellvalue, options, rowObject) {

       iShiftStartTime++;

       return "<input  name='ShiftStartTime' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftStartTime + "_ShiftStartTime' class='ShiftStartTime timepicker' />";
   }
   var iShiftEndTime = 0;
   function ShiftEndTimeColumnFormatter(cellvalue, options, rowObject) {

       iShiftEndTime++;

       return "<input  name='ShiftEndTime' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftEndTime + "_ ShiftEndTime' class='ShiftEndTime timepicker' />";
   }
   var iShiftSequence = 0;
   function ShiftSequenceColumnFormatter(cellvalue, options, rowObject) {

       iShiftSequence++;

       return "<input  name='ShiftSequence' type='text' role='textbox'   value='" + cellvalue + " ' id='" + iShiftSequence + "_ ShiftSequence' class='ShiftSequence' />";
   }

推荐答案

（元素）.timepicker（{
onSelect：function（）{
}
}）;
}
}，
align：' center'，
edittable： true ，
editrules：{required： true ，time： true }

}，
{
name：' ShiftEndTime'，
index：' ShiftEndTime' ，
格式化程序：ShiftEndTimeColumnFormatter，
可编辑： true ，
editoptions：{
dataInit：function（ element）{

(element).timepicker({ onSelect: function() { } }); } }, align: 'center', edittable: true, editrules: { required: true, time: true } }, { name: 'ShiftEndTime', index: 'ShiftEndTime', formatter: ShiftEndTimeColumnFormatter, editable: true, editoptions: { dataInit: function(element) {

（element）.timepicker（{
onSelect：function（）{
}
}）;
}
}，
align：' center'，
editrules：{required： true ，time： true }

}，
{name：' ShiftSequence'，index：' ShiftSequence'，align：' center'，可编辑： true ，宽度： 100 ，格式化程序：ShiftSequenceColumnFormatter，editrules ：{required： true ，number： true }}，
{name：' 输入'，索引：' 输入'，可编辑： true ，editoptions：{defaultValue：' 插入'}，隐藏： true ，对齐：' left'}
]，

footerrow： true ，
userDataOnFooter： true ，
unformat：unformatNullColumn，
pager：' ＃pagerGrid'，
// width： '100％'，
height： 250 ，
rowNum： 2 ，
rowList：[ 3 ， 5 ， 10 ]，
sortname：' id'，
sortorder： asc，
viewrecords： true ，
gridview： true ，
' cellEdit'： true ，
cellsubmit：' clientArray'，
loadonce： true ，
rownumbers： true ，
jsonReader：{
root： rows，
page： page，
total： total，
记录： 记录，
repeatitems： false ，
cell： cell，
id： ShiftId
}，
autowidth：' 70％ '，
ignoreCase： true ，



afterSaveCell：function（id） {
var rowData =

(element).timepicker({ onSelect: function() { } }); } }, align: 'center', editrules: { required: true, time: true } }, { name: 'ShiftSequence', index: 'ShiftSequence', align: 'center', editable: true, width: 100, formatter: ShiftSequenceColumnFormatter, editrules: { required: true, number: true } }, { name: 'Type', index: 'Type', editable: true, editoptions: { defaultValue: 'Insert' }, hidden: true, align: 'left' } ], footerrow: true, userDataOnFooter: true, unformat: unformatNullColumn, pager: '#pagerGrid', //width: '100%', height: 250, rowNum: 2, rowList: [3, 5, 10], sortname: 'id', sortorder: "asc", viewrecords: true, gridview: true, 'cellEdit': true, cellsubmit: 'clientArray', loadonce: true, rownumbers: true, jsonReader: { root: "rows", page: "page", total: "total", records: "records", repeatitems: false, cell: "cell", id: "ShiftId" }, autowidth: '70%', ignoreCase: true, afterSaveCell: function(id) { var rowData =

（' < span class =code-string>＃ShiftMasterGrid'）。jqGrid（' getRowData'，id）;

('#ShiftMasterGrid').jqGrid('getRowData', id);

这篇关于Jqgrid可编辑和验证问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！