jqGrid - 复选框没有得到正确的输入值？

以下是用于测试我的问题的示例代码。本地数组，mydata，在最后一列添加复选框并添加到网格中。你可以简单的复制和粘贴来立即运行它来查看我的问题。jqGrid - 复选框没有得到正确的输入值？

<!doctype html> 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="css/style.css"/> 
    <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css"/> 
    <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> 

    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery-ui.js"></script> 
    <script type="text/javascript" src="js/grid.locale-en.js" ></script> 
    <script type="text/javascript" src="js/jquery.jqGrid.min.js" ></script>  
</head> 
<body> 
    <table id="list4"></table> 

    <script type="text/javascript"> 
     jQuery("#list4").jqGrid({ 
     datatype: "local", 
     height: 250, 
     colNames:['Inv No', 'Client','Notes','Checked?' ], 
     colModel:[ 
     {name:'id',index:'id', width:60, sorttype:"int"}, 
     {name:'name',index:'name', width:100}, 
     {name:'note',index:'note', width:150, sortable:false}, 
     {name:'ind_checked',index:'ind_checked', width:100, sortable:false, align:'center', editable:true, 
      edittype:'checkbox', editoptions: { value:"Y:N" }, formatter:'checkbox'} 
     ], 
     caption: "Testing Check Option" } 
     ); 
     var mydata = [ 
     {id:"1",name:"test1",note:"note1",ind_checked:"N"}, 
     {id:"2",name:"test2",note:"note2",ind_checked:"N"}, 
     {id:"3",name:"test3",note:"note3",ind_checked:"N"}, 
     {id:"4",name:"test4",note:"note4",ind_checked:"N"}, 
     {id:"5",name:"test5",note:"note5",ind_checked:"N"}, 
     {id:"6",name:"test6",note:"note6",ind_checked:"N"}, 
     {id:"7",name:"test7",note:"note7",ind_checked:"N"}, 
     {id:"8",name:"test8",note:"note8",ind_checked:"N"}, 
     {id:"9",name:"test9",note:"note9",ind_checked:"N"} ] 
     ; 

     for(var i=0;i<=mydata.length;i++) { 
      jQuery("#list4").jqGrid('addRowData',i+1,mydata[i]); 
      var data = jQuery("#list4").jqGrid('getRowData',mydata[i].id); 
      alert('Row ID:'+data.id+'; My data:'+mydata[i].ind_checked+'; Data stored in Grid:'+data.ind_checked); 
     } 
    </script> 
</body> 
</html>

问题是

我在MYDATA最初设置的所有字段， 'ind_checked'，以 'N'; 在将mydata添加到网格后，我尝试从网格中获取内容，并发现它们都是'Y'并且存储不正确。

我不知道为什么，也没有任何想法。有人能告诉我我错过了什么吗？谢谢。

p.s.我的jqGrid的版本是4.3.1

来源

2012-01-09 early

格式化为复选框的列的接受值为（false | 0 | no | off | undefined），反之亦然。所以ind_checked：“N”应该是ind_checked：“no” editoptions仅用于编辑模式。了解详情：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules – shakib 2012-01-09 09:01:40

shakib，非常感谢。 – early 2012-01-09 14:58:21

可能是U可以试试这个

loadComplete: function (data) { 
    var rowCount = grid.getGridParam("reccount"); 
    if (rowCount > 0) { 
     for (var i = 0; i < data.rows.length; i++) { 
      if (data.rows[i].cell[4] == 'Y') { // 4 cell ind_checked// 
       $("tr#"+(data.rows[i].id)+".jqgrow > td > input.cbox:checked", grid[0]); 
      } 
     } 
    } 
}

来源

2013-04-06 10:50:25 proyeksi

这里是一个替代的解决方案，以验证该复选框是否被选中与否。

function customFormatter(cellvalue, options, rowObject) { 
    var checkBoxValue = "N" ; 
    var cell = jQuery('#' + options.rowId + '_' + 'ind_checked');   
    var val = cell.prop("checked"); 

    if(val == true) { 
     checkBoxValue = "Y"; 
    } 
    return checkBoxValue; 
}

来源

2013-11-21 08:42:20 Visruth

jqGrid - 复选框没有得到正确的输入值？

回答

相关问题