2012-01-09 2 views
1

Ниже приведен пример кода для проверки моей проблемы. Локальный массив, 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> 

Проблема заключается в том

Я установил все поле, 'ind_checked', чтобы 'N' в MyData первоначально; после того, как я добавил mydata в сетку, я попытался вернуть содержимое из сетки и обнаружил, что все они «Y» и хранятся неправильно.

Я не знаю почему и понятия не имею. может кто-нибудь рассказать мне, что мне не хватает, пожалуйста? Спасибо.

p.s. моя версия jqGrid является 4.3.1

+1

Принимаемые значения для столбца, отформатированного как флажок (false | 0 | no | off | undefined) и наоборот. поэтому ind_checked: «N» должно быть ind_checked: «no» editoptions используются только в режиме редактирования. для информации: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules – shakib

+0

shakib, большое вам спасибо. – early

ответ

1

Может быть 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]); 
      } 
     } 
    } 
} 
0

Вот альтернативное решение для проверки проверяется ли флажок или нет.

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; 
} 
Смежные вопросы