easyui更新数据问题

Question

<table id="dg" class="easyui-datagrid" title="申请充值记录" style="width:824px;height:auto"
       data-options="
                iconCls: 'icon-edit',
                singleSelect: true,
                toolbar: '#tb',
                url: '{{ URL::to('/') }}/ajson/pay',
                method: 'post',
                pagination:true
            ">
    <thead>
    <tr>
        <th data-options="field:'id',align:'center',width:40">ID</th>
        <th data-options="field:'u_id',align:'center',width:50">用户ID</th>
        <th data-options="field:'username',width:100,align:'center'">账户</th>
        <th data-options="field:'money',width:100,align:'center'">充值金额</th>
        <th data-options="field:'datetime',width:130,align:'center'">申请时间</th>
        <th data-options="field:'check_code',width:60,align:'center'">效验码</th>
        <th data-options="field:'type',width:160,align:'center'">收款银行</th>
        <th data-options="field:'name',width:60,align:'center'">收款户名</th>
        <th data-options="field:'card',width:60,align:'center'">收款卡号</th>
        <th data-options="field:'status',width:60,align:'center'" formatter="status">状态</th>
    </tr>
    </thead>
</table>

<div id="tb" style="height: 30px;overflow: hidden;line-height: 30px;">
    <a href="javascript:void(0)" class="easyui-linkbutton" style="display: block;float: left;" data-options="iconCls:'icon-remove',plain:true" onclick="affirm()">确认收款</a>
    <div style="display: block;float: left;">
        用户ID: <input type="text" name="u_id" style="width:80px">
        用户账号:<input type="text" name="username" style="width: 80px;">
        效验码:<input type="text" name="check_code" style="width: 80px">
    </div>
        <a href="#" class="easyui-linkbutton" style="display: block;float: left;"   iconCls="icon-search">搜索</a>
</div>

<script type="text/javascript">
    function status(value)
    {
        if(value == 1)
        {
            return '<div style="color: red">未收款</div>'
        } else if(value == 2){
            return '<div style="color: #0000ff">已收款</div>'
        } else {
            return '未知问题'
        }
    }
    var index = undefined
    var data = ''
    $('#dg').datagrid({
        onClickRow:function(rowIndex,rowData){
            index = rowIndex
            data = rowData
        }
    })
    function affirm()
    {
        if(index == undefined)
        {
            $.messager.alert('操作提示','请选中一行')
            return;
        }
        if(index == 'proceed')
        {
            $.messager.alert('操作提示','后台正在处理中.请等待操作完成')
            return;
        }
        if(data.status != 1)
        {
            $.messager.alert('操作提示','已经确认收款或者其他未知问题')
            return
        }
        var result = index
        index = 'proceed'
        $.messager.confirm('收款提示','你确认收到对方的汇款?',function(r){
            if(r)
            {
                $(data).each(function(i,v){
                    $.ajax({
                        url:'{{ URL::to('/') }}/ajson/gethering',
                        data:{id: v.id},
                        dataType:'json',
                        type:'post',
                        success:function(ret){
                            //TODO .成功后操作
                            data.status = 2
                            $('#dg').datagrid('updateRow',{index:index,row:data})
                            $('#dg').datagrid('refreshRow',{index:index})
                        }
                    })
                })
            }
        })
    }

</script>

点击确认收款,发送AJAX,然后更改这个状态

Answer 1

可以使用datagrid的 onLoadSuccess方法，具体方法可以自己去查下，我最近有接触easyui，你的这样问题我就是这样解决的。

Answer 2

没看懂你想问什么
只更新编辑行
$('#dg').datagrid('refreshRow', index);
刷新整个表格
$('#dg').datagrid('unselectAll');
$('#dg').datagrid('reload');