jqgrid內嵌編輯：動態設置可正確編輯另一列的列

Question

當我在內聯編輯期間更改特定列的值時，我想要動態更改同一行另一列的可編輯屬性值。下面是我的代碼的一部分：

{ name: "admin", width:250, editable:<?php echo $owner; ?>, edittype:"custom", editoptions: { 
      custom_element: myelem, 
      custom_value:myvalue, 
      dataEvents: [{ 
        type: 'change', 
        fn: function (e) { 
         var $this = $(e.target), $td, rowid; 
         var radSel = $(e.target).val(); //alert(radSel); 
         if(radSel == "No"){ 
          if ($this.hasClass("FormElement")) { 
           $("#request").prop("editable", true); 
          } else { 
           //alert("you are here!!"); 
           var row = $this.closest('tr.jqgrow'); 
           var rowId = row.attr('id'); //alert(rowId); 
           $("#" + rowId + '_request').prop("editable", true); 
          } 
         } 
        } 
      }] 

    }}, 
{ name: "request", width: 100}, 
...... 

function myelem (value, options) { 
var radio1 = document.createElement('input'); 
radio1.id = 'radY'; 
radio1.type = 'radio'; 
radio1.name = 'appr'; 
radio1.value = 'Yes'; 
if(value.match(/^Yes.*/)){ radio1.checked = true; } 

var radio2 = document.createElement('input'); 
radio2.id = 'radN'; 
radio2.type = 'radio'; 
radio2.name = 'appr'; 
radio2.value = 'No'; 
if(value.match(/^No.*/)){ radio2.checked = true; } 

var label1 = document.createElement('label'); 
label1.setAttribute('for', radio1.id); 
label1.innerHTML = 'Yes'; 

var label2 = document.createElement('label'); 
label2.setAttribute('for', radio2.id); 
label2.innerHTML = 'No'; 

var container = document.createElement('div'); 
container.appendChild(radio1); 
container.appendChild(label1); 
container.appendChild(radio2); 
container.appendChild(label2); 

return container; 
} 

function myvalue(elem, operation, value) { 
    if(document.getElementById('radY').checked) {return "Yes";} 
    else if(document.getElementById('radN').checked) {return "No";} 
    else {return ""; } 
} 

當我改變的單選按鈕「否」，它確實進入，如果循環（下dataEvents），但可編輯的屬性上的「請求」列沒有動態設置爲true。任何幫助非常感謝。謝謝。

Answer 1

editable屬性將被jqGrid 使用，之前開始編輯。 如果要防止動態編輯，必須在相應的現有編輯字段上設置禁用或readonly屬性/屬性，而不是設置editable屬性。

此外，您似乎爲自定義編輯字段分配了修復id屬性（'radN','radY'）。這很危險，因爲你可以有id重複。內聯編輯允許您同時將多行編輯爲一行。在這種情況下，將創建兩個具有相同ID的自定義編輯元素，您將遇到問題。我建議您另外在<label>內設置<input>。在這種情況下，您將不需要任何id或for屬性。嘗試

<label><input type="radio" name="appr" checked="checked" value="Yes"/>Yes</label> 
&nbsp; 
<label><input type="radio" name="appr" value="No"/>No</label> 

可以通過單擊標籤來檢查單選按鈕。