easyui datagrid按钮控制左右移动的JS问题

问题描述：

实现点击-->按钮左边table的数据跳到右边，新手没有思路，求指点，谢谢

答

操作配置formmater生成链接的时候加上这行的id


    formatter:function(v,r,index){return '<a href="#" onclick="moveToRight('+r['id列名称']+')">--></a>'}

    function moveToRight(id) {
        var rows = $('#左边grid的id').datagrid('getRows'),r;
        for (var i = 0; i < rows.length; i++) {//查找数据行
            if (rows[i]['id列名称'] == id) { r = rows[i]; break; }
        }
        if (r) {
            $('#右边grid的id').datagrid('appendRow', r);//添加数据库
            $('#左边grid的id').datagrid('deleteRow', $('#左边grid的id').datagrid('getRowIndex', r));//左边删除此行
        }
    }

答

部分代码如下：

	姓名	联系电话	所属公司	赠送数量(个)	操作

            <div data-options="region:'east',width:410,border:false">
                <table id="aim-present-customer" class="easyui-datagrid"
                    data-options="
                    title : '目标赠送客户',
                    height:340,
                    idField:'id',
                    fitColumns:false,
                    rownumbers:true
                ">
                    <thead>
                        <tr>
                            <th data-options="field:'id',hidden:true"></th>
                            <th data-options="field:'customerName',width:60">姓名</th>
                            <th data-options="field:'phoneNumber',width:80">联系电话</th>
                            <th data-options="field:'company',formatter:function(company){
                                if (company){
                                    return company.value;
                                }
                            },align:'center',width:80">所属公司</th>
                            <th data-options="field:'presentCount',width:80">赠送数量(个)</th>
                            <th data-options="field:'op',width:60,formatter:OperateDeleteFormatter">操作</th>
                        </tr>
                    </thead>
                    跳转按钮：
                    function OperateFormatter(value,index){
var str = '';
str +='<a id="zouni" class="easyui-linkbutton">--></a>';
//str += '<a id="zouni" style="cursor:pointer;">--></a>';
return str;

}

答

就是清除左边数据，，显示右边数据就行了

答

可不可以这样做呢，左边单击一次就记录一次这个数据的id，查询的时候就除去这些数据，右边则相反。

easyui datagrid按钮控制左右移动的JS问题

相关推荐