dataTable以及input jQuery [attribute*=value] 选择器的用法

最新推荐文章于 2021-02-24 21:30:00 发布

热爱生活的小胖胖

最新推荐文章于 2021-02-24 21:30:00 发布

阅读量637

点赞数

本文链接：https://blog.csdn.net/weixin_40151334/article/details/84346308

版权

本文详细介绍了jQuery中dataTable的初始化、事件监听、输入框选择器(attribute*=value)的应用，包括全选功能、回车查询、切换事件、新增、编辑、删除和审核操作。展示了如何使用这些功能来实现数据表格的交互与管理。

摘要由CSDN通过智能技术生成

$.rphcp.articles.articles.dataTable = {
articleTable: "",
validateForm: "",// 模式窗口表单验证
artInfoId : "",
status:"",
selectIds: {
//如果有下拉框在此处设置id eg provinceSelectId : "#deptModalProvinceSelect",
},
modalSelectIds: {},

// 初始化页面
init: function () {
   debugger;
// 重置按钮点击事件
$.rphcp.articles.articles.dataTable.initResetBtnClickListener();
// 查询按钮点击事件
$.rphcp.articles.articles.dataTable.initSearchBtnClickListener();
// 回车提交表单
$.rphcp.articles.articles.dataTable.initEnterListener();
// switchChange事件
$.rphcp.articles.articles.dataTable.initSwitchChangeListener();
//新增按钮点击事件
$.rphcp.articles.articles.dataTable.initAddBtnClickListener();
//$("#rphcp_chs_articleinfo #btnSearch").click();
$("#rphcp_chs_articleinfo #btnSearch").click();
//全选
$.rphcp.articles.articles.dataTable.initSelectAllClickListener();
},

//回车查询事件
initEnterListener: function () {
$('#rphcp_chs_articleinfo #articlesQueryConditionForm input').keypress(function (e) {
if (e.which === 13) {
$("#rphcp_chs_articleinfo #btnSearch").click();
return false;
}
});
},

//全选
   initSelectAllClickListener : function(){
       debugger;
       $("#rphcp_chs_articleinfo #selectAll").click(function(){
           $.uniform.update($("#rphcp_chs_articleinfo input[name='id'][flag='1']").prop("checked",this.checked));
       });
   },

   // 初始化模式窗口
   initReceiveRecordModal : function() {
       // 清除表单验证样式
       $.rphcp.articles.articles.dataTable.cleanModalFormValidateStyle();
       // 清空保存按钮点击事件
       $("#rphcp_chs_articleinfo #receiveRecordModalBtnSave").unbind("click");
       // 显示保存按钮
       $('#rphcp_chs_articleinfo #receiveRecordModalBtnSave').show();
       // 清除disabled样式
       $("#rphcp_chs_articleinfo #receiveRecordModal form input:not(.rhip-switch)").attr("disabled",false);
       $("#rphcp_chs_articleinfo #receiveRecordModal form textarea").attr("disabled",false);
   },

   getIdArray : function(){
       debugger;
       var idArray=new Array();
       $("#rphcp_chs_articleinfo input[name='id']:checked").each(function(){
           idArray.push($(this).val());
   });
       return idArray;
   },

   // 显示新建接文章管理窗口
   showAddReceiveRecordModal : function() {
       debugger;
       $("#rphcp_chs_articleinfo #receiveRecordModal .modal-header .modal-title").html("新增创作");
       $.rphcp.articles.articles.dataTable.initReceiveRecordModal();// 初始化模式窗口
       // 初始化保存新建创作文章按钮的click事件
       $.rphcp.articles.articles.dataTable.initSaveAddReceiveRecordBtnClickListener();
       // 显示模式窗口
       $("#rphcp_chs_articleinfo #receiveRecord_iframe").attr("src",$.rphcp.getContextPath() + "/management/hcpr/articles/toAdd");
       $('#rphcp_chs_articleinfo #btnPrint').hide();//隐藏打印按钮
       $("#rphcp_chs_articleinfo #receiveRecordModal").modal("show");
   },

   viewData : function(id){
       debugger;
       $("#rphcp_chs_articleinfo #receiveRecordModal .modal-header .modal-title").html("查看创作文章");
       $.rphcp.articles.articles.dataTable.initReceiveRecordModal();// 初始化模式窗口
       $.rphcp.articles.articles.dataTable.artInfoId = id;
       $('#rphcp_chs_articleinfo #receiveRecordModal').modal('show');
       $('#rphcp_chs_articleinfo #btnPrint').show();//隐藏打印按钮
       $("#rphcp_chs_articleinfo #receiveRecord_iframe").attr("src",$.rphcp.getContextPath() + "/management/hcpr/articles/view?id="+id);
       // 隐藏保存按钮
       $('#rphcp_chs_articleinfo #receiveRecordModalBtnSave').hide();
   },

   //显示编辑文章窗口
   updateData : function(id){
       debugger;
       $("#rphcp_chs_articleinfo #receiveRecordModal .modal-header .modal-title").html("编辑创作");
       $.rphcp.articles.articles.dataTable.initReceiveRecordModal();
       $.rphcp.articles.articles.dataTable.artInfoId = id;
       $.rphcp.articles.articles.dataTable.initSaveEditReceiveRecordBtnClickListener();
       $('#rphcp_chs_articleinfo #receiveRecordModal').modal('show');
       $('#rphcp_chs_articleinfo #btnPrint').hide();//隐藏打印按钮
       $("#rphcp_chs_articleinfo #receiveRecord_iframe").attr("src",$.rphcp.getContextPath() + "/management/hcpr/articles/toAdd?type=update&id="+id);
   },

   deleteData : function(ids){
       debugger;
       $.ajax({
           url : $.rphcp.getContextPath() + "/management/hcpr/articles/delete",
           dataType : "json",
           contentType: "application/json; charset=utf-8",
           data : JSON.stringify(ids),
           type : "POST",
           async : false,// 同步请求
           success : function(data, textStatus) {
               debugger;
               /*if (data[$.Constants.respCode] == $.Constants.yes) {*/
                   $.Toast.success("删除文章成功！");
                   // 查询文章管理信息
                   $("#articleTable").dataTable().fnDraw(false);
               /*} else {
                   $.Toast.error(data[$.Constants.respMsg]);
               }*/
           },
           error : function(XMLHttpRequest, textStatus) {
               $.Toast.error("请求异常，删除文章失败！");
           }
       });
   },

   checkData : function(ids){
       debugger;
       $.ajax({
           url : $.rphcp.getContextPath() + "/management/hcpr/articles/checkStatus?flag="+$.rphcp.articles.articles.dataTable.uflag,
           dataType : "json",
           contentType: "application/json; charset=utf-8",
           data : JSON.stringify(ids),
           type : "POST",
           async : false,// 同步请求
           success : function(data, textStatus) {
               debugger;
               if ($.rphcp.articles.articles.dataTable.uflag=='1') {
                   $.Toast.success("审核通过");