如何在flexigrid中編輯數據

Question

我不想彈出一個對話框來實現這個。我的意思是我需要就地編輯器。

Answer 1

我找到了一種方法來做到這一點。 使用jquery.editinplace 以下是我的代碼：

<script type="text/javascript" src="./js/jquery.editinplace.js"></script> 

function editDescription(celDiv, id){ 

    $(celDiv).click(function() { 
    var idTd = $(celDiv).parent().parent().children()[1]; 
    $(celDiv).editInPlace({ 
     url: "http://localhost:8081/kaimei/update_description", 
     params: "address="+$(idTd.children).html(), 
     error:function(obj){ 
     alert(JSON.stringify(obj)); 
     }, 
     success:function(obj){ 
     var str = m[JSON.parse(obj).status+""][window.curLanguage]; 
     alert(str); 
     $("#displays").flexReload(); 
     } 
    }); 
    }); 
} 

$(document).ready (function() { 

    $("#displays").flexigrid (
    { 
     url: 'http://localhost:8081/kaimei/load_displays', 
     method:'GET', 
     dataType: 'json', 
     width: 400, 
     height: 300, 
     colModel : [ 
     {hide: '勾選', name: 'check', width: 30, sortable: true, align: 'left'}, 
     {display: 'ID', name: 'id', width: 90, sortable: true, align: 'left'}, 
     {display: '描述信息', name: 'description', width: 110, sortable: true, align: 'left',process:editDescription}, 
     {display: '狀態', name: 'status', width: 20, sortable: true, align: 'left'} 
     ] 
    } 
    ); 
}); 

Answer 2

你可能會檢查這個嗎？ http://www.vb-helper.com/howto_edit_flexgrid_control.html