jqgrid - 参照先: jqgrid: 選択した行の列の値に基づいてツールバー オプションを設定する方法

Question

私の質問はhttp://goo.gl/f0Bocを参照して いますコードはうまく機能しますが、セルの値が「はい」または「いいえ」のときに「編集ボタン」を有効/無効にしたいと思います。

この例では次のように書かれています。

// getCell または getRowData を使用して内容を調べることができます

// 行が編集可能かどうかを決定するために選択された行

コードが jqGrid('getCell',rowid,'cellContent') で実行されるようにコードを変更する方法について説明が必要ですか?

cellContent が「Yes」の場合、「Edit-Button」を無効にする必要があります。

よろしくお願いいたします。

よろしくお願いします

ステファン

<script type="text/javascript">
$(function(){ 
  $("#list").jqGrid({ 
    url:'example.php', 
    datatype: 'xml',
    mtype: 'GET',
    colNames:['User ID','Name', 'Firstname','CDS-ID','E-mail','Password', 'Registration
                  Date','Account Activated', 'Account Activation Date', 'Role'],
    colModel :[ 
               {name:'idUser_registration', index:'idUser_registration', width:55,
                  editable:true, editoptions{readonly:true},search:true}, 
...
               {name:'account_activated', index:'account_activated', width:150, align:'right',
                      edittype:'checkbox',editoptions: { value:"Yes:No" }, editable:true, 
                          search:true}, 
... ],
    pager: '#pager',
    rowNum:10,
    rowList:[10,20,30],
    sortname: 'idUser_registration',
    sortorder: 'asc',
    viewrecords: true,
    gridview: true,
    caption: 'My grid',
    editurl: 'example2.php',
    beforeSelectRow: function(rowid) {
                       var selRowId = $(this).getGridParam('selrow'),
                       celValue = $(this).getCell('getCell', selRowId, 'list_account_activated'),
                       tr = $("#"+rowid);
// you can use getCell or getRowData to examine the contain of
// the selected row to decide whether the row is editable or not
                       if (selRowId !== rowid && !tr.hasClass('not-editable-row')) {
// eneble the "Edit" button in the navigator
                       $("#edit_" + this.id).removeClass('ui-state-disabled');
                       $("#del_" + this.id).removeClass('ui-state-disabled');
                       } 
                      else {
// unselect previous selected row
// disable the "Edit" and "Del" button in the navigator
                       $("#edit_" + this.id).addClass('ui-state-disabled');
                       $("#del_" + this.id).addClass('ui-state-disabled');
                       }
return true; // allow selection or unselection
},
loadComplete: function() {
                          // just one example how to mark some rows as non-editable is to add
                          // some class like 'not-editable-row' which we test in beforeSelectRow
                          $("tr.jqgrow:even",this).addClass('not-editable-row');
                          }
}).jqGrid('navGrid','#pager',
{}, //options
{closeAfterEdit:true,mtype:'GET',editCaption: "Activate
Account",height:400,reloadAfterSubmit:true },
{reloadAfterSubmit:false}, // del options
{} // search options
);
$("#edit_").click(function() {
var gr = jQuery("#list").jqGrid('getGridParam','selrow');
if( gr != null ) jQuery("#list").jqGrid('editGridRow',gr,{}); 
});
$("#del_").click(function(){
var gr = jQuery("#list").jqGrid('getGridParam','selrow');
if( gr != null ) jQuery("#list").jqGrid('delGridRow',gr,{mtype:'GET',reloadAfterSubmit:true});
});
}); 
</script>