jquery - 如何在 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'}
        ]
    }
    );  
});