diaLog、dataTable模板的使用

一.dialog的使用模板
$('#formAddEditClient').dialog({
    title : $('#formAddEditClient').find('#id') .val() == '0' ? '添加客户信息' : '修改客户信息',
    resizable : false,
    width : 810,
    modal : true,
    buttons : {
        "取消" : function() {  $("#setAccounts").prop("checked",false);
            $(this).dialog('destroy');
        },
        "保存" : function() {
            var _this = this;  clientJsHandler.saveClient(_this,parentTr,selectedRowData);
        }
    }
});
//如果在$()直接写的话,必须要有标签
$("<div class='tips_con'><p>确定要对选"+selectRows.length+"家客户执行批量扣款?</p></div>").dialog({
    title : "执行批量扣款确认",
    resizable : false,
    width : 400,
    modal : true,
    buttons:{
        "取消": function ({ $(this).dialog('destroy');},
        "保存": function () {
         var _this = this;  batchChargeJsHandler.batchChargeButton(_this,selectParentTrs,selectRows);
        };
    };
});

二.DataTables的使用模板
batchChargeJsHandler.declareDataTableFunc=$("#batchChargeList").DataTable({
    "aoColumns":[//复选框
        {"mDataProp" : null, "sDefaultContent":"",
            "fnRender" : function(obj, val) {
                return '<ul class="actionBar"><li><span class="checkbox_new checkedBody"></li></span></ul>';
            }
        },
        {"mDataProp": null ,"sDefaultContent":""},
        //序号 {"mDataProp":null,"sDefaultContent":"","sClass":"ustomer_name",  //客户名称
        "fnRender":function(obj,val){
    if(obj.aData.SFLSB=='1'){
        return '<table><td +obj.aData.name+'</td><td><img class="zero_img"src="images/zero_icon.png"></td></table>';}else{
        return '<table><td class="corporate_name_n">'+obj.aData.name+'</td></table>'; }
    }
},
//增值税类型
{"mDataProp":null,"sDefaultContent":"",
    "fnRender":function(obj,val){
        return appEnums.VATType.getDescription(obj.aData.vatType);
    }
},
//记账会计
{"mDataProp": "realName" ,"sDefaultContent":""},
//操作
{"mDataProp": null ,"sDefaultContent":"",
    "fnRender":function(obj,val){
        var declareDatehtml='<a class="btn_link"><li class="declareDate">申报数据</li></a>';
        var manDeducthtml='<div class="drop_down btn_link">' +
            '<li class="handCharge">手动扣款'+'' +
            '<em class="swf font_12 swf-arrow_down_squ"></em>' +
            '</li>'+'<ul class="hidden nationalLoadShow">' +
            '<li class="gs"><a>原国税</a></li>' +
            '<li class="ds"><a>原地税</a></li>' +
            '</ul></div>';
        return '<ul class="actionBar">'+declareDatehtml+manDeducthtml+'</li></ul>';
    }
    }
],
"fnCreatedRow":function(nRow,aData,iDataIndex ) {
    $('td:eq(1)', nRow).html(iDataIndex+1);//序号
    $('td:eq(3)', nRow).attr("style","text-align:left;");//样式
},
"fnDrawCallback":function(){//对经过事件的处理
 //扣款异常
    $(this).find('.gdyc').off('mouseenter').unbind('mouseleave').hover(
        function(){
            var gsvalue=$(this).find('input[name="gs"]').val();
            var dsvalue=$(this).find('input[name="ds"]').val();
            if(gsvalue=="2" || dsvalue=="2"){
                $(this).find('div').show();
            }
        );//针对滚动条的  做自适应宽度
    $('.dataTables_scrollBody .mCSB_container').css('height','auto');
},
     "aaData": null,
    "bSort": false,
    "bFilter" : true,
    "bAutoWidth" : false,
    "aLengthMenu":[20,50,100],
    "sScrollY": screenHeight,
    "sDom": '<"top"f>rt<"bottom"lip><"clear">',
    // "iDisplayLength":($(window)&& $(window).height() > 800) ?15:10,  计算宽度大于多少显示10或15
    "oLanguage": {
    "sSearch": "客户名称或助记码"}
});
},
"bInfo": false,//页脚信息(不 显示分页)
    "bPaginate":false,//页脚信息(不显示共几条数据)
    三、DataTables中的点击事件
<ul class="actionBar">   这个是必须有的
//操作中点击调用的是自定义的JS
function onActionBarItemClicked(_this){
    // 获取选中的当前行及绑定的数据
    var parentTr = $(_this).parents('tr')[0];
    // 获取选中的当前行查询的数据
    var selectedRowData = batchChargeJsHandler.declareDataTableFunc.fnGetData(parentTr);
    if ($(_this).hasClass('handCharge')){ //手动扣款
        $(_this).parent().find("ul").show();
        $(_this).parent().parent().on('mouseleave',function(){
            $(_this).parent().find("ul").hide();
        }
    }else if($(_this).hasClass('gs')){ //原国税   手动扣款
        //lineNumber = $(parentTr).find("td")[1].innerText-1;  //获取行号,
        //batchChargeJsHandler.historyNationalTax(selectedRowData,lineNumber);
        batchChargeJsHandler.historyNationalTax(selectedRowData);
    }else if($(_this).hasClass('ds')){ //原地税   手动扣款
        //lineNumber = $(parentTr).find("td")[1].innerText-1;  //获取行号,
        batchChargeJsHandler.historyLoadTax(selectedRowData);
    }else if($(_this).find("span").hasClass('checkedBody')){ //首列 单选时间(图片)
        if($(_this).find("span").hasClass('active')){
            $(_this).find("span").removeClass("active");
        }else{
            $(_this).find("span").addClass("active");
        }
    };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值