jqGrid - флажок не получает правильное значение ввода? - PullRequest
Новая
       1

jqGrid - флажок не получает правильное значение ввода?

1 голос
/ 09 января 2012

Ниже приведен пример кода для проверки моей проблемы. Локальный массив mydata, добавляемый в сетку с флажком в последнем столбце. Вы можете просто скопировать и вставить, чтобы запустить его немедленно, чтобы увидеть мою проблему. 

<!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

Ответы [ 2 ]

1 голос
/ 06 апреля 2013

Может быть, вы можете попробовать это 

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 голосов
/ 21 ноября 2013

Вот альтернативное решение, чтобы проверить, установлен ли флажок или нет. 

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;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...