一.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"); } };
diaLog、dataTable模板的使用
最新推荐文章于 2023-04-07 11:49:01 发布