加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

九天 ,datatables列和跳转页面的配置,Ajax请求

发布时间:2020-12-16 03:03:29 所属栏目:百科 来源:网络整理
导读:使用datatables 隐藏列的方法与注意事项 var AIGroup_table = $( ‘ #AIGroup_table ‘ ).DataTable({ bAutoWidth: false ,sDom: DataTableDom,oLanguage: DataTableLanguage,iDisplayLength: 2 ,ordering: false ,bLengthChange: true ,bInfo: true ,bPagin

使用datatables 隐藏列的方法与注意事项

var AIGroup_table = $(#AIGroup_table).DataTable({
        bAutoWidth: false,sDom: DataTableDom,oLanguage: DataTableLanguage,iDisplayLength: 2,ordering: false,bLengthChange: true,bInfo: true,bPaginate: true,bProcessing: true,bServerSide: true,// bStateSave: true,隐藏列,需要把这个去掉
        bFilter: false,      //可以设置隐藏列,
          columnDefs: [
          { "visible": false,"targets": 2 },],sAjaxSource: /aiGroupData,fnServerData: getDataFromServerSideForDataTable,columns: [
            {
                width: 10%,mData: "id",// bSortable: false,
                sClass: "text-center",// "visible": false,
                mRender: function (data,type,row) {
                    return <input type="checkbox"  name="business" style="opacity: 2; position: static; margin-top: 0px;" value=" + data + ">
                }
            },{
                width: 10%,mData: "name_s_30",bSortable: false,sClass: "text-center",mRender: function (data,row) {
                    return data
                }
            },.....


        ],//设置你的跳转页面的显示按键
        //AIGroup_table_paginate,是页面的div---ID标签
        fnDrawCallback: function (table) {
            $("#AIGroup_table_paginate").append("  到第 <input style=‘height:28px;line-height:28px;width:40px;‘ class=‘margin text-center‘ id=‘changePage‘ type=‘text‘> 页  <a class=‘btn btn-default shiny‘ style=‘margin-bottom:5px‘ href=‘javascript:void(0);‘ id=‘dataTable-btn‘>确认</a>");
            var oTable = $("#AIGroup_table").dataTable();
            $(#dataTable-btn).click(function (e) {
                if ($("#changePage").val() && $("#changePage").val() > 0) {
                    var redirectpage = $("#changePage").val() - 1;
                } else {
                    var redirectpage = 0;
                }
                oTable.fnPageChange(redirectpage);
            });
        },});    

Ajax请求可以发送两次

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读