如何在flexigrid中编辑数据

问题描述:

我不想弹出一个对话框来实现这个。我的意思是我需要就地编辑器。如何在flexigrid中编辑数据

+3

您能否给我们一些背景? – gdoron

+0

为什么我的问题得到-4? –

+1

我想这是因为缺乏上下文......什么是'flexigrid'?什么是DOM结构?你为什么需要它?我怎样才能找到'flexigrid'?如果所有这些人都在这里,它仍然是SO中的主题,这不是一项推荐服务。 **祝你的问题!** – gdoron

我找到了一种方法来做到这一点。 使用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'} 
     ] 
    } 
    ); 
}); 

+0

我使用flexigrid而不是flexgrid。 –