jquery - フレキシグリッドでデータを編集する方法

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