ak46143279
脸不大
2016-01-28 01:59
采纳率: 27.3%
浏览 2.5k
已采纳

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • showbo
    已采纳

    操作配置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
    脸不大 2016-01-28 02: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 2016-01-28 02:18

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

    点赞 评论
  • MiaomiaoRose
    MiaomiaoRose 2016-01-28 03:01

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

    点赞 评论

相关推荐