Datatables从入门到精通（案例二）

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

    <link href="/static/css/yulud.css" rel="stylesheet" type="text/css" />
    <!--<link href="/static/dataTables/jquery.dataTables.css" rel="stylesheet" type="text/css" /> -->

    <script type="text/javascript" src='/static/dataTables/jquery.dataTables.js'></script>
    <script type="text/javascript" src="/static/js/trade.js" ></script>
    <div class="dataT_w">
        <div class="search_f" style="display: none">
            <span class="cp_tj"><a id="sub_to_sheetlist" href="###" class="cp_but">添加到批量提交列表</a></span>
        </div>
        <div class="search_f">
            <span class="cp_tj"><a id="sheetlist" href="###" class="cp_but">批量提交列表</a><span class="num" id="yld_num" name="yld_num">0</span></span>
        </div>
    </div>

    <table id="example" class="dataTable compact display" cellspacing="0" width="100%">
        <thead>
            <tr role="row">
                <th width="5%" class="sorting" align="center"><span id="check_box_all" name="check_box_all" class="check_box"></span></th>
                <th width="18%" class="sorting">客户</th>
                <th width="20%" class="sorting">证件类型</th>
                <th width="20%" class="sorting">交易类型</th>
                <th width="10%" class="sorting">录单日期</th>
                <th width="10%" class="sorting">录单人员</th>
                <th style="display: none">预录单ID</th>
                <th style="display: none">产品ID</th>
                <th width="17%" class="sorting">操作</th>
            </tr>
        </thead>
        <tfoot>
            <tr role="row">
                <th width="5%" class="sorting" align="center"></th>
                <th width="10%" class="sorting">客户</th>
                <th width="20%" class="sorting">证件类型</th>
                <th width="20%" class="sorting">交易类型</th>
                <th width="10%" class="sorting">录单日期</th>
                <th width="18%" class="sorting">录单人员</th>
                <th style="display: none">预录单ID</th>
                <th style="display: none">产品ID</th>
                <th width="17%" class="sorting">操作</th>
            </tr>
        </tfoot>
    </table>
<script type="text/javascript">
    //预录单的所有数据
    //var data = eval('[{"RET_CODE":0,"RESULTSET":[{"doc_TP_CODE":"10100","otc_BNK_AC_CCY_CODE":"0","otc_BANK_CODE":"1302","otc_BANK_AC_NBR":"6226980700172164","ta_TXN_AC_NBR":"00090095800000015","ta_RGST_INST_CODE":"90","otc_FNC_MGT_AC_NBR":"95800000015","otc_PY_INST_CODE":null,"ta_AC_NBR":"901002283230","otc_AC_OPN_NM":"毛志刚","mbl_NO":"13901145192","doc_NO":"220104196603270632","adr":"北京市朝阳区清林路1号世贸花园2-1-902","bsn_DEPT_ID":null,"cust_NM":"毛志刚","ecif_ID":"9000015"},{"doc_TP_CODE":"10100","otc_BNK_AC_CCY_CODE":"0","otc_BANK_CODE":"1301","otc_BANK_AC_NBR":"5826980700172134","ta_TXN_AC_NBR":"00090095800000015","ta_RGST_INST_CODE":"90","otc_FNC_MGT_AC_NBR":"95800000012","otc_PY_INST_CODE":null,"ta_AC_NBR":"901002283230","otc_AC_OPN_NM":"毛志刚","mbl_NO":"13901145192","doc_NO":"220104196603270632","adr":"北京市朝阳区清林路1号世贸花园2-1-902","bsn_DEPT_ID":null,"cust_NM":"毛志刚","ecif_ID":"9000015"},{"doc_TP_CODE":"10100","otc_BNK_AC_CCY_CODE":"0","otc_BANK_CODE":"1301","otc_BANK_AC_NBR":"5826980700172134","ta_TXN_AC_NBR":"00090095800000015","ta_RGST_INST_CODE":"90","otc_FNC_MGT_AC_NBR":"95800000012","otc_PY_INST_CODE":null,"ta_AC_NBR":"901002283230","otc_AC_OPN_NM":"毛志刚","mbl_NO":"13901145192","doc_NO":"220104196603270632","adr":"北京市朝阳区清林路1号世贸花园2-1-902","bsn_DEPT_ID":null,"cust_NM":"毛志刚","ecif_ID":"9000015"},{"doc_TP_CODE":"10100","otc_BNK_AC_CCY_CODE":"0","otc_BANK_CODE":"1301","otc_BANK_AC_NBR":"5826980700172134","ta_TXN_AC_NBR":"00090095800000015","ta_RGST_INST_CODE":"90","otc_FNC_MGT_AC_NBR":"95800000012","otc_PY_INST_CODE":null,"ta_AC_NBR":"901002283230","otc_AC_OPN_NM":"毛志刚","mbl_NO":"13901145192","doc_NO":"220104196603270632","adr":"北京市朝阳区清林路1号世贸花园2-1-902","bsn_DEPT_ID":null,"cust_NM":"毛志刚","ecif_ID":"9000015"}],"page":null,"RET_MESSAGE":"成功","RECORD_NUM":3}]');
    var dataArray = new Array();
    var selectedData = new Array();
    var array_RESULTSET = new Array();
    var INST_ID = "${PD_ID}";

    Array.prototype.indexOf = function(val) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] == val) return i;
        }
        return -1;
    };
    Array.prototype.remove = function(val) {
        var index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };

    //var array = [1, 2, 3, 4, 5];
    //array.remove(3);

    function getTrdTypName_type(code){
        if(code ==  2){
            return "<span class=\"wro_span\">份额</span>";
        }else{
            return "<span class=\"wt_span\">金额</span>";
        }
    }

    $(document).ready(function() {
        $.post("/Bill/Search.json",{
            "INST_ID": INST_ID
        }, function(data) {
            if (common.checkResponse(data)) {
                if (data.RET_CODE == 0) {
                    array_RESULTSET = data.RESULTSET;
                    var length = array_RESULTSET.length;

                    for(var i=0;i<length;i++){
                        dataArray[i] = ['<span class="tip" style="display: none">已添加</span><span class="check_box"></span><span style="display: none">'+array_RESULTSET[i].bil_id+'</span><span style="display: none">'+array_RESULTSET[i].inst_id+'</span>',
                                        array_RESULTSET[i].cust_nm,//客户
                                        '<p>'+getDocTpName(array_RESULTSET[i].doc_tp_code)+'</p><p>'+array_RESULTSET[i].doc_no+'</p></td>',//证件类型
                                        '<p>'+getTrdTypName(array_RESULTSET[i].trd_typ)+'</p><p>'+getTrdTypName_type(array_RESULTSET[i].trd_typ)+formatNumber(array_RESULTSET[i].trd_amt)+'</p>',//交易类型
                                        array_RESULTSET[i].crt_tm,//录单日期
                                        array_RESULTSET[i].crt_usr_nm,//录单人员
                                        array_RESULTSET[i].bil_id,//预录单号
                                        array_RESULTSET[i].inst_id,//产品ID
                                        ''//预录单号
                                       ];
                    }

                    var table = $('#example').DataTable({
                        "data" : dataArray,
                        "aoColumnDefs":[//设置列的属性，此处设置第一列不排序
                            {"bSortable": false, "aTargets": [0]},
                            {
                                "targets": [6],
                                "visible": false,
                                "searchable": false
                            },
                            {
                                "targets": [7],
                                "visible": false,
                                "searchable": false
                            },
                            {
                                "targets": -1,
                                "class": "but_xq",
                                "bSortable": false,
                                "data": null,
                                "defaultContent": "<p><a id=\"subm\" href=\"###\">立即提交</a><a id=\"add\" href=\"###\">添加</a></p>"+
                                                  "<p><a id=\"edit\" href=\"###\">查看修改</a><a id=\"del\"  href=\"###\">删除</a></p>"
                            } 
                        ],
                        "aaSorting": [[1, "desc"]], //给列表排序 ，第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc
                        "oLanguage": {//插件的汉化
                            "sLengthMenu": "每页 _MENU_ 条数据",
                            "sZeroRecords": "抱歉， 没有找到",
                            "sInfo": "_START_ 到 _END_ /共 _TOTAL_ 条数据",
                            "sInfoEmpty": "没有数据",
                            "sInfoFiltered": "(从 _MAX_ 条数据中检索)",
                            "oPaginate": {
                                "sFirst": "首页",
                                "sPrevious": "前一页",
                                "sNext": "后一页",
                                "sLast": "尾页"
                            },
                            "sZeroRecords": "没有检索到数据",
                            "sProcessing": "<img src='/static/images/loadd.gif' />",
                            "sSearch": "搜索"
                        },
                        "sDom":'<"top"lf<"clear">>rt<"bottom"ip<"clear">>',//自定义布局sdom：l- 每行显示的记录数;f- 搜索框;t- 表格;i- 表格信息;p- 分页条;r- 加载时的进度条
                        "lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "全部"]],
                        //"dom": '<"toolbar">frtip',
                        "sPaginationType": "full_numbers"
                    });

                    /*$("div.toolbar").html('<div class="dataT_w">'+
                                                '<div class="search_f">'+
                                                    '<span class="cp_tj"><a id="sub_to_sheetlist" href="###" class="cp_but">添加到批量提交列表</a></span>'+
                                                '</div>'+
                                                '<div class="search">'+
                                                    '<span class="cp_tj"><a id="sheetlist" href="###" class="cp_but">批量提交列表</a><span class="num" id="yld_num" name="yld_num">0</span></span>'+
                                                '</div>'+
                                            '</div>');
                    */
                    /**
                     * 为class为check_box的span添加单击事件
                     */
                     /*$('#example .check_box').click(function(e) {
                        if($(this).hasClass('check_boxon')){
                            $(this).removeClass('check_boxon');
                        }else{
                            $(this).addClass('check_boxon');
                        }
                    });*/
                    $('#example').on('click', '.check_box', function(e) {
                        if($(this).attr("id") == "check_box_all"){
                            if($(this).hasClass('check_boxon')){
                                $(".check_box").addClass('check_boxon');
                                $("#example tbody tr").addClass('selected');
                                batchAddToRecordSheet();
                            }else{
                                $(".check_box").removeClass('check_boxon');
                                $("#example tbody tr").removeClass('selected');
                                batchDeleteFromRecordSheet();
                            }
                        }else{
                            var tr = $(this).parents('tr')[0];
                            if($(this).hasClass('check_boxon')){
                                $(this).removeClass('check_boxon');
                                $($(this).parents('tr')[0]).removeClass('selected');
                                deleteFromRecordSheet(tr,$($($(tr).children()[0]).children()[2]).html());
                            }else{
                                $(this).addClass('check_boxon');
                                $(tr).addClass('selected');
                                addToRecordSheet(tr,$($($(tr).children()[0]).children()[2]).html());
                            }
                        }
                    });

                    /**
                     * 获取双击行的数据
                     */
                    /*$("#example tbody tr").click(function(e){
                        if($(this).hasClass('selected')){
                            $(this).removeClass('selected');
                        }else{
                            $(this).addClass('selected');
                        }
                        var index = $(this).context._DT_RowIndex; //行号
                        common.alert_error('行号index:'+index);

                        //var data = $('#example').DataTables().fnGetData(this);
                        //Correct way to call fnGetData() in both 1.9.x and 1.10.x versions is
                        var data = $('#example').dataTable().fnGetData(this);

                        //var data = table.fnGetData(this);
                        if(null != data){
                            common.alert_error('行号【'+index+'】的数据:'+data[1]+","+data[2]+","+data[3]);
                        }
                    });*/

                    /**
                     * 对行进行单击事件绑定
                     */
                    /*$("#example tr").slice(1).each(function(){//遍历所有满足条件的行
                        var tr = this;*/

                        /**
                         * 对行添加单击事件，同时改变当前行的样式
                         */
                        /*$(tr).children().slice(0,$(tr).children().length-1).click(function(){//不对最后一列天剑单击事件
                            if($(tr).hasClass('selected')){
                                $(tr).removeClass('selected');
                            }else{
                                $(tr).addClass('selected');
                            }
                        });*/

                        /**
                         * 对行的非首位列添加单击事件，同时改变第一列的样式(因为上边已经为所有第一列绑定了单击事件，重复绑定等于没有绑定)
                         */
                        /*$(tr).children().slice(1,$(tr).children().length-1).click(function(){
                            //选中第一列的复选框
                            $($(tr).children()[0]).children().each(function(){
                                if($(this).hasClass('check_boxon')){
                                    $(this).removeClass('check_boxon');
                                }else{
                                    $(this).addClass('check_boxon');
                                }
                            });
                        });
                    });*/

                    /*$('#example tbody').on( 'click', 'tr', function () {
                        if ( $(this).hasClass('selected') ) {
                            $(this).removeClass('selected');
                        }
                        else {
                            $(this).addClass('selected');
                        }
                    } );*/

                    /**
                     * 全选/全不选
                     */
                    /*$('#check_box_all').click( function () {
                        alert("check_box_all");
                        if($(this).hasClass('check_boxon')){
                            $(".check_box").removeClass('check_boxon');
                            $("#example tbody tr").removeClass('selected');
                        }else{
                            $(".check_box").addClass('check_boxon');
                            $("#example tbody tr").addClass('selected');
                        }
                    } );*/

                    /**
                     * 立即提交
                     */
                    /*$('a#subm').click( function () {
                        submRecordSheet($('#example').DataTable().row($(this).parents('tr')).data(),$('#example').DataTable().row($(this).parents('tr')),$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    } );*/
                    $('#example tbody').on('click', 'a#subm', function(){
                        submRecordSheet($('#example').DataTable().row($(this).parents('tr')).data(),$('#example').DataTable().row($(this).parents('tr')),$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    });

                    /**
                     * 添加
                     */
                    /*$('a#add').click( function () {
                        addToRecordSheet($('#example').DataTable().row($(this).parents('tr')).data(),$(this).parents('tr')[0],$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    } );*/
                    $('#example tbody').on('click', 'a#add', function () {
                        addToRecordSheet($(this).parents('tr')[0],$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html());
                    } );

                    /**
                     * 查看修改
                     */
                    /*$('a#edit').click( function () {
                        editRecordSheet($('#example').DataTable().row($(this).parents('tr')).data(),$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    } );*/
                    $('#example tbody').on('click', 'a#edit', function () {
                        editRecordSheet($('#example').DataTable().row($(this).parents('tr')).data(),$(this).parents('tr')[0],$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    } );

                    /**
                     * 删除
                     */
                    /*$('a#del').click( function () {
                        var tr = $('#example').DataTable().row($(this).parents('tr'));
                        var data = tr.data();
                        //alert("删除："+data[1] +","+ data[ 5 ] );

                        //tr.remove().draw(false);
                        delRecordSheet(data,tr,$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    } );*/
                    $('#example tbody').on('click', 'a#del', function () {
                        var tr = $('#example').DataTable().row($(this).parents('tr'));
                        var data = tr.data();
                        //alert("删除："+data[1] +","+ data[ 5 ] );

                        //tr.remove().draw(false);
                        delRecordSheet(data,tr,$($($($(this).parents('tr')[0]).children()[0]).children()[2]).html(),$($($($(this).parents('tr')[0]).children()[0]).children()[3]).html());
                    } );

                    /**
                     * 添加到批量列表
                     */
                    /*$('a#sub_to_sheetlist').click( function () {
                        batchAddToRecordSheet();
                    } );*/

                    /**
                     * 批量列表
                     */
                    $('a#sheetlist').click( function () {
                        sheetList();
                    } );

                } else {
                    common.alert_error('操作失败：' + data.RET_MESSAGE);
                }
            } else {
                common.alert_error('操作失败：' + data.RET_MESSAGE);
            }
        });
    });

    /**
     * 立即提交
     */
    var submRecordSheet = function(data_arr,tr,bil_id,inst_id){
        var title = "提交确认";
        var msg = "您确定要提交指令吗？";

        common.dialog({
            title:title,
            message:msg,
            buttons:[
                     {name:'取消'},
                     {name:'确定',className:'pop_but',callBack:function(){
                        $.post("/Bill/Exec.json", {
                            "BILL_ID" : bil_id
                        }, function(data) {
                            if (common.checkResponse(data)) {
                                if (data.RESULTSET[0] == '') {
                                    initSelectedData(bil_id,2);
                                    tr.remove().draw(false);
                                    common.alert_info("提交成功!");
                                } else {
                                    common.alert_error('操作失败：' + data.RESULTSET[0]);
                                }
                            } else {
                                common.alert_error('操作失败：' + data.RESULTSET[0]);
                            }
                        });
                     }}]
        });
    }

    /**
     * 添加
     */
    var addToRecordSheet = function(tr,bil_id){
        var $_span = $($($(tr).children()[0]).children()[0]);
        if(checkTr($_span)){
            $_span.show();
            $_span.attr("name","selected");
            initSelectedData(bil_id,1);
        }
    }

    /**
     * 从预录单删除
     */
    var deleteFromRecordSheet = function(tr,bil_id){
        var $_span = $($($(tr).children()[0]).children()[0]);
        $_span.hide();
        $_span.attr("name","");
        initSelectedData(bil_id,2);
    }

    var updateRowTr;

    /**
     * 查看修改
     */
    function editRecordSheet(data_arr,tr,bil_id,inst_id){
        var title = "查看修改";
        var RowIndex = $(tr).context._DT_RowIndex; //行号
        updateRowTr = tr;
        //common.alert_info('行号index:'+index);
        $.post("/TradeBillForward/toUpdateTradeBillPage.htm",{
            "BILL_ID": bil_id,
            "RowIndex": RowIndex
        },function(data){
            common_.dialog_info({
                title:title,
                message:data/*,
                buttons:[
                         {name:'放弃'},
                         {name:'提交',className:'pop_but',callBack:function(){
                            var BILL_ID = $("#BILL_ID").html();
                            var TRD_AMT = $("#TRD_AMT").html();
                            var FEE_REBATE = $("#FEE_REBATE").html();
                            var VERSION = $("#VERSION").html();
                            $.post("/Bill/Update.json", {
                                "BILL_ID" : BILL_ID,
                                "TRD_AMT" : TRD_AMT,
                                "FEE_REBATE" : FEE_REBATE,
                                "VERSION" : VERSION
                            }, function(data) {
                                if (common.checkResponse(data)) {
                                    if (data.RET_CODE == 0) {

                                        common.alert_info('修改成功!');
                                    } else {
                                        common.alert_error('操作失败：' + data.RET_MESSAGE);
                                    }
                                } else {
                                    common.alert_error('操作失败：' + data.RET_MESSAGE);
                                }
                            });
                         }}]*/
            });
        });
    }

    function updateSelectedRowData(RowIndex, TRD_AMT, FEE_REBATE, trd_typ){
        //common.alert_info(RowIndex+","+TRD_AMT+","+FEE_REBATE);
        $($($(updateRowTr).children()[3]).children()[1]).html(getTrdTypName_type(trd_typ)+formatNumber(TRD_AMT));
        updateRowTr = "";
    }

    function initSelectedData(bil_id,type){
        if(type == 1){
            selectedData.push(bil_id);
        }else if (type == 2){
            selectedData.remove(bil_id);
        }
        $("#yld_num").html(selectedData.length);
    }

    /**
     * 删除
     */
    var delRecordSheet = function(data_arr,tr,bil_id,inst_id){
        var title = "删除确认";
        var msg = "您确定要删除吗？";

        common.dialog({
            title:title,
            message:msg,
            buttons:[
                     {name:'取消'},
                     {name:'确定',className:'pop_but',callBack:function(){
                        $.post("/Bill/Delete.json", {
                            "BILL_ID" : bil_id
                        }, function(data) {
                            if (common.checkResponse(data)) {
                                if (data.RET_CODE == 0) {
                                    initSelectedData(bil_id,2);
                                    tr.remove().draw(false);
                                    common.alert_info('删除成功!');
                                } else {
                                    common.alert_error('操作失败：' + data.RET_MESSAGE);
                                }
                            } else {
                                common.alert_error('操作失败：' + data.RET_MESSAGE);
                            }
                        });
                     }}]
        });
    }

    /**
     * 添加到批量列表
     */
    function batchAddToRecordSheet(){
        //获取选中行数目
        var rows = $('tr.selected');
        var data = $('#example').DataTable().rows('.selected').data();
        var $_span;
        var bil_id;

        for(var i=0;i<rows.length;i++){
            $_span = $($($(rows[i]).children()[0]).children()[0]);
            bil_id = $($($(rows[i]).children()[0]).children()[2]).html();
            if(checkTr($_span)){
                $_span.show();
                $_span.attr("name","selected");
                initSelectedData(bil_id,1);
            }
        }

    }

    /**
     * 添加到批量列表
     */
    function batchRemoveFromRecordSheet(type,bil_id){
        //获取选中行数目
        //var rows = $('tr.selected');
        var data = $('#example').DataTable().rows('.selected').data();
        var rows = $('#example').dataTable().fnGetNodes();
        var $_checkbox;
        var bilId;

        if(type == 1){
            for(var i=0;i<rows.length;i++){
                bilId = $($($(rows[i]).children()[0]).children()[2]).html();
                if(bilId == bil_id){
                    $_checkbox = $($($(rows[i]).children()[0]).children()[1]);

                    $_checkbox.removeClass('check_boxon');
                    $(rows[i]).removeClass('selected');
                    deleteFromRecordSheet(rows[i],bilId);
                }
            }
        }else if(type == 0){
            for(var i=0;i<rows.length;i++){
                bilId = $($($(rows[i]).children()[0]).children()[2]).html();
                if(selectedData.indexOf(bilId) != -1){
                    $_checkbox = $($($(rows[i]).children()[0]).children()[1]);

                    $('#check_box_all').removeClass('check_boxon');
                    $_checkbox.removeClass('check_boxon');
                    $(rows[i]).removeClass('selected');
                    deleteFromRecordSheet(rows[i],bilId);
                }
            }
        }

    }

    /**
     * 清空批量列表
     */
    function batchDeleteFromRecordSheet(){
        var rows = $('#example tbody tr');
        var data = $('#example').DataTable().rows('tr').data();
        var $_span;
        var bil_id;

        for(var i=0;i<rows.length;i++){
            $_span = $($($(rows[i]).children()[0]).children()[0]);
            bil_id = $($($(rows[i]).children()[0]).children()[2]).html();
            $_span.hide();
            $_span.attr("name","");
            initSelectedData(bil_id,2);
        }
    }

    /**
     * 从批量列表删除
     */
    function batchDeleteFromRecordSheet(){
        var rows = $('#example tbody tr');
        var data = $('#example').DataTable().rows('tr').data();
        var $_span;
        var bil_id;

        for(var i=0;i<rows.length;i++){
            $_span = $($($(rows[i]).children()[0]).children()[0]);
            bil_id = $($($(rows[i]).children()[0]).children()[2]).html();
            $_span.hide();
            $_span.attr("name","");
            initSelectedData(bil_id,2);
        }
    }

    /**
     * 检查行是否已添加
     */
    function checkTr($_span){
        if($_span.attr("name")=="selected"){
            //common.alert_error('该数据已添加，不能重复添加!');
            return false;
        }

        return true;
    }

    /**
     * 跳转到批量列表
     */
     function sheetList(data_arr,tr){
        var title = "批量管理列表";

        if(selectedData.length == 0){
            return common.alert_info("批量提交列表为空!");
        }

        //[{"bil_id":1001,"trd_typ":"0","trd_unit":"00","trd_amt":1000.00000,"cust_nm":"方测","doc_tp_code":"0","doc_no":"520100197608279310","inst_id":"800000103430","fee_rebate":1.0000,"bil_status":"00","version":1,"crt_usr_nm":"耿方"}
        var result = '[';
        var selectedDataArray = new Array();
        for(var i=0;i<selectedData.length;i++){
            if(i!=0){
                result+=',';
            }
            //result+='{"bil_id":'+selectedData[i][0]+',"trd_typ":"'+selectedData[i][3]+'","trd_amt":'+selectedData[i][3]+',"cust_nm":"'+selectedData[i][1]+'","doc_tp_code":"'+selectedData[i][2]+'","doc_no":"'+selectedData[i][2]+'","inst_id":"'+selectedData[i][0]+'","crt_usr_nm":"'+selectedData[i][5]+'"}]';

            for(var j = 0;j<array_RESULTSET.length;j++){
                if(selectedData[i] == array_RESULTSET[j].bil_id){
                    selectedDataArray.push(array_RESULTSET[j]);
                    result+='{"bil_id":'+array_RESULTSET[j].bil_id+',"trd_typ":"'+array_RESULTSET[j].trd_typ+'","trd_amt":'+array_RESULTSET[j].trd_amt+',"crt_tm":"'+array_RESULTSET[j].crt_tm+'","cust_nm":"'+array_RESULTSET[j].cust_nm+'","doc_tp_code":"'+array_RESULTSET[j].doc_tp_code+'","doc_no":"'+array_RESULTSET[j].doc_no+'","inst_id":"'+array_RESULTSET[j].inst_id+'","crt_usr_nm":"'+array_RESULTSET[j].crt_usr_nm+'"}';
                }
            }
        }
        result += ']';

        $.post("/TradeBillForward/toTradeBillListPage.htm",{
            "selectedData": result
        },function(data){
            common_.dialog_info({
                title:title,
                message:data/*,
                buttons:[
                         {name:'取消'},
                         {name:'提交指令',className:'pop_but',callBack:function(){
                            $.post("/Bill/Delete.json", {
                                "BILL_ID" : bil_id
                            }, function(data) {
                                if (common.checkResponse(data)) {
                                    if (data.RET_CODE == 0) {
                                        tr.remove().draw(false);
                                        common.alert_info('提交成功!');
                                    } else {
                                        common.alert_error('操作失败：' + data.RET_MESSAGE);
                                    }
                                } else {
                                    common.alert_error('操作失败：' + data.RET_MESSAGE);
                                }
                            });
                         }}]*/
            });
        });
    }

    $(function() {
        $('#example .check_box').click(function(e) {
            if ($(this).hasClass('check_boxon')) {
                $(this).removeClass('check_boxon')
            } else {
                $(this).addClass('check_boxon')
            }

        });
    })

    function refresBatchRecordSheet(bil_id){
        $("span[name='selected']").each(function(){
            if($($($($(this).parents('tr')[0]).children()[0]).children()[2]).html() == bil_id){
                $(this).hide();
                $(this).attr("name","");
                initSelectedData(bil_id,2);
            }
        });
    }
</script>