2 ak46143279 ak46143279 于 2016.01.28 09:59 提问

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

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

4个回答

showbo
showbo   Ds   Rxr 2016.01.28 10:17
已采纳

操作配置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));//左边删除此行
        }
    }
ak46143279
ak46143279 回复无聊码农: 是我自己搞错了,把两个列表写反了,我再调试一下
接近 2 年之前 回复
ak46143279
ak46143279 回复无聊码农: 万分感谢,但还是有一些不明白JS中:console.log(sourcedg)在控制台打印出了我制定的目标列表,然后就没有往下执行了
接近 2 年之前 回复
showbo
showbo DEMO:http://www.w3dev.cn/article/20160128/easyui-datagrid-exchange-record.aspx
接近 2 年之前 回复
ak46143279
ak46143279   2016.01.28 10:03

部分代码如下:

姓名 联系电话 所属公司 赠送数量(个) 操作
            <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;

}

Royal_lr
Royal_lr   Ds   Rxr 2016.01.28 10:18

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

MiaomiaoRose
MiaomiaoRose   2016.01.28 11:01

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!