datatables中删除数据问题,最后一页只有一条数据删除跳转前一页 10C

datatable显示数据时,当我在最后一页只有一条数据时删除它,想让它跳转到前一页怎么处理。或者一页有10条数据,添加一条数据之后跳转到第二页怎么处理。比如
一共有31条数据,那么分页为4页,第四页只有一条数据,当我把它删除时,则程序应该
跳到第三页显示,但是其仍然停留在没有第四页的那儿,这个怎么处理
![图片说明](https://img-ask.csdn.net/upload/201801/19/1516349274_490491.png)图片说明

function getData(){
    var id = 0;
    var cycle=$("#cycleStatus").val();
    var flag = $("#flag").val();
     var table = $('#userList').DataTable({
          "destroy": true,   //可以重新初始化,用于搜索
          "lengthChange": false,
          "ordering": false,   //排序
          "info": true,        //
          "autoWidth": true,   //宽度自动
          "paging": true,      //分页
          "searching": false,  //全局搜索关闭
          "processing": true,  //开启显示‘正在加载.../processing’
          "serverSide":true,
         //true代表后台处理分页,false代表前台处理分页
          "ajax" :  {
                  url:"${pageContext.request.contextPath}/listAll",
                  type:"get",
                  data:{
                      "sendcycle":cycle,
                      "keyWord":flag
                  }
                  },

          //参数显示
          "columns": [
                        {"data": null,'sClass':"text-center","width":"6%"},
                        /*{"data": "id", 'sClass': "text-center","width":"6%"},*/
                        {"data": "sourcename", 'sClass': "text-center","width":"8%",},
                        {"data": "purposename", 'sClass': "text-center","width":"8%",},
                        {"data": "needname", 'sClass': "text-center","width":"8%"},
                        {"data": "needman", 'sClass': "text-center","width":"8%",},
                        {"data": "sendcycle", 'sClass': "text-center","width":"8%",
                            "render": function ( data, type, full, meta ) {
                                var str="";
                                if(data==0){
                                    str="天";
                                }
                                if(data ==1){
                                    str ="月";
                                }
                                if(data ==2){
                                    str="年";
                                }
                                return str;
                            }
                        },
                        {"data": "lasttime", 'sClass': "text-center","width":"8%",
                            "render": function ( data, type, full, meta ) {
                                var str="";
                                if(full.sendcycle==0){
                                    str=data+"天";
                                }
                                if(full.sendcycle==1){
                                    str=data+"月";
                                }
                                if(full.sendcycle==2){
                                    str=data+"年";
                                }
                                return str;
                            }
                        },
                        {"data": "createtime", 'sClass': "text-center","width":"18%",},
                        {"data": "createman", 'sClass': "text-center","width":"8%",},

                        {"data":"id" , 'sClass': "text-center","width":"16%",
                            "render": function (data, type, full, meta ) {   
                                var str = "";
                                <shiro:hasPermission name="update">
                                str += "<font color='blue' data-toggle='modal' data-target='#accept' onclick=updateUserId(" + data +");>[更新]</font>&nbsp;";
                                </shiro:hasPermission>
                                <shiro:hasPermission name="delete">
                                str += "<font color='blue' data-toggle='modal' data-target='#accept' onclick=deleteUserId(" + data +");>[删除]</font>&nbsp;";
                                </shiro:hasPermission>

                                /*下发地市*/
                                str += "<font color='blue' data-toggle='modal' data-target='#accept' onclick=sendAreaId(" + data +");>[下发地市]</font>&nbsp;";
                                /*var time = full.createtime.split("-");*/
                                /*时间戳*/
                                var time =Date.parse(new Date(full.createtime));
                                var now =Date.parse(new Date());

                                if(full.sendcycle==0){
                                    var newDate=new Date();
                                    var day=full.lasttime;
                                    /*过期时间*/
                                    newDate.setTime(time+1000*3600*24*day);
                                    var date2=formatDate(newDate);
                                    var date2Stamp=Date.parse(new Date(date2));
                                    if(date2Stamp<now){
                                        return str+="<font color='red' data-toggle='modal' data-target='#accept';>[已过期]</font>&nbsp;";
                                    }else{
                                        return str+="<font color='green' data-toggle='modal' data-target='#accept';>[未过期]</font>&nbsp;";
                                    }

                                }
                                if(full.sendcycle==1){
                                    var newDate=new Date(full.createtime);
                                    var month=full.lasttime;
                                    /*不加会直接1+5=15*/
                                    newDate.setMonth(Number(newDate.getMonth())+Number(month));
                                    var date2=formatDate(newDate);
                                    var date2Stamp=Date.parse(new Date(date2));
                                    if(date2Stamp<now){
                                        return str+="<font color='red' data-toggle='modal' data-target='#accept';>[已过期]</font>&nbsp;";
                                    }else{
                                        return str+="<font color='green' data-toggle='modal' data-target='#accept';>[未过期]</font>&nbsp;";
                                    }


                                }
                                if(full.sendcycle==2){
                                    var newDate=new Date(full.createtime);
                                    var year=full.lasttime;
                                    newDate.setFullYear(Number(newDate.getFullYear())+Number(year));
                                    var date2=formatDate(newDate);

                                    var date2Stamp=Date.parse(new Date(date2));
                                    if(date2Stamp<now){
                                        return str+="<font color='red' data-toggle='modal' data-target='#accept';>[已过期]</font>&nbsp;";
                                    }else{
                                        return str+="<font color='green' data-toggle='modal' data-target='#accept';>[未过期]</font>&nbsp;";
                                    }

                                }
                                return str;
                             }  
                        }
                    ],

         /*"columnDefs": [{
             "searchable": false,
             "orderable": false,
             "targets": 0
         }],
         "order": [[1, 'asc']],*/
         /*设置操作之后仍在当前页*/
         bStateSave:true,
          //是否开启主题 
          "bJQueryUI": true,  
          "oLanguage": {    // 语言设置  
            "sLengthMenu": "每页显示 _MENU_ 条记录",  
            "sZeroRecords": "抱歉, 没有找到",  
            "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",  
            "sInfoEmpty": "没有数据",  
            "sInfoFiltered": "(从 _MAX_ 条数据中检索)",  
            "sZeroRecords": "没有检索到数据",  
            "sSearch": "检索:",  
            "oPaginate": {  
              "sFirst": "首页",  
              "sPrevious": "前一页",  
              "sNext": "后一页",  
              "sLast": "尾页"  
            }  
          }
      });
    /*设置id自增长1*/
    table.on('draw.dt',function() {
        table.column(0, {
            search: 'applied',
            order: 'applied'
        }).nodes().each(function(cell, i) {
            //i 从0开始,所以这里先加1

            i = i+1;
            //服务器模式下获取分页信息,使用 DT 提供的 API 直接获取分页信息

            var page = table.page.info();
            //当前第几页,从0开始

            var pageno = page.page;
            //每页数据

            var length = page.length;
            //行号等于 页数*每页数据长度+行号

            var columnIndex = (i+pageno*length);
            cell.innerHTML = columnIndex;
        });
    });
    /*start = $("#targetTable").dataTable().fnSettings()._iDisplayStart;
    total = $("#targetTable").dataTable().fnSettings().fnRecordsDisplay();
    window.location.reload();
    if ((total - start) == 1) {
        if (start > 0) {
            $("#sorting-advanced").dataTable().fnPageChange('previous', true);
        }
    }*/
}

u010215407
噬魂灬龍若 请问是如何解决的?
大约一年之前 回复

6个回答

逻辑:删除数据时记录当前页(n)——》删除成功,重新加载datatables——》加载完毕后判断当前页是否存在n页,如果不存在就定位n-1页

js 用户开发者工具看一下问题在哪里呀

你删除一条,page=(总条数-删除数量)/10,得到的就是最大的页数,然后请求一次服务器,数据和分页重新加载一次

分页是通过url get请求传参来实现的,你可以试下执行删除操作后通过get请求上一页。

在添加或者删除行时,分页没有跳转成功,是因为前端数据与后台数据不一致导致,fnPageChange 使用的还是旧的数据来计算起始行。所以,在跳转前,先让前端数据与后台数据一致,使用这个方法 fnDraw , 但是获取后台数据的 ajax 如果是异步请求,就会导致前端数据还没更新,就执行了 fnPageChange,也会跳转错误。 所以 ajax 取消异步请求方式,再在删除动作下设置 fnDraw,fnPageChange。

获取数据条数呗,假如1页是10条,就用10*页数来判断,如果大于10*页 数据的时候自动跳转下一页啊,同理,小于等于10*页 数据时自动跳转上一页

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
bootstrap dataTables中有一条数据,我想一直放在最后一行怎么做?

bootstrap dataTables加载数据默认排序后,和再次排序 都满足有一行数据总是在最后一行,请问怎么做?

bootstrap datatables加载不出数据

``` $(document).ready(function () { var tables = $('#notice_table').DataTable({ "oLanguage": { //表格的语言设置 "sProcessing": "正在获取数据,请稍后...", "sLengthMenu": "显示 _MENU_ 条", "sZeroRecords": "没有您要搜索的内容", "sInfo": "从 _START_ 到 _END_ 条记录 总记录数为 _TOTAL_ 条", "sInfoEmpty": "记录数为0", "sInfoFiltered": "(全部记录数 _MAX_ 条)", "sInfoPostFix": "", "sSearch": "搜索", "sUrl": "", "oPaginate": { "sFirst": "第一页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "最后一页" }, "bProcessing": true, //DataTables载入数据时显示‘进度’提示 // "serverSide": true, "autoWidth": false, //"sScrollY" : 350, //DataTables的高 "sPaginationType": "full_numbers", //详细分页组,可以支持直接跳转到某页 "iDisplayStart": 0,//刷新插件后显示的第几页(如果一页为10条数据,填10就显示第二页) "ajax": { "url": "/publish/json.do?publishTypeId=" + publishTypeId }, "columns": [//定义接受到的数据 { "data": "publishPerson" } ], 'bStateSave': true,//刷新页面让页面停留在之前的页码 "columnDefs": [{ "targets": 6,//编辑 "data": null,//添加编辑按钮和,删除按钮 "defaultContent": "<button id='editrow' class='btn btn-primary' type='button' style='margin-right:10px;'>编辑</button><button id='delrow' class='btn btn-primary' type='button'>删除</button>" }], "createdRow": function (row, data, index) { //每加载完一行的回调函数 $('td', row).eq(5).css('font-weight', "bold").css("color", "red");//获取到具体行具体格的元素 } } }) ``` json:![图片说明](https://img-ask.csdn.net/upload/201610/20/1476961850_893527.png) 加载不出数据,可加分

datatables 数据表格加载时分页没有从第一页开始加载

![图片说明](https://img-ask.csdn.net/upload/201807/27/1532675527_306696.jpeg)

关于Jquery DataTables 数据绑定问题

AJAX 的Success回调到后台返回的Json字符串。 如:[{"amount":2,"apply_id":1"},{"amount":3,"apply_id":2"}] 前台代码: success: function(data){ $('#table_id_example').DataTable({ //我应当怎么写,才能把data绑到Table中 }); },

datatables“表格中没有数据”

<div class="post-text" itemprop="text"> <p>This isn't my first time using datatables, but I have an implementation that I can't seem to get to work.</p> <p>PHP:</p> <pre><code>public function renderTable() { $config = $this-&gt;container-&gt;get('RestorePoint\Configuration'); $displayAndRestoreFrom = $config-&gt;get('Settings.displayAndRestoreFrom'); if ($displayAndRestoreFrom !== 'local') { $remoteStorage = $this-&gt;container-&gt;get('RestorePoint\RemoteFilesystemFactory'); $service = $remoteStorage-&gt;service($displayAndRestoreFrom); $files = $service-&gt;listFilesByCreated($service-&gt;getFolder()); } else { $files = $this-&gt;getFilesByCreated($config-&gt;get('dir.files')); } foreach ($files as &amp;$file) { if ($displayAndRestoreFrom == 'local') { $file['id'] = $file['name']; } $file['adapter'] = $displayAndRestoreFrom; $file['created'] = date('Y-m-d H:i:s', $file['created']); $file['actions'] = '';//view('RestorePoint.actions')-&gt;with($file)-&gt;render(); } //echo json_encode(array('data'=&gt;$files), JSON_UNESCAPED_SLASHES); return response()-&gt;json($files); } </code></pre> <p>HTML:</p> <pre><code> &lt;div class="table-responsive"&gt; &lt;table class="table card-table table-vcenter text-nowrap datatable" id="backups" role="grid"&gt; &lt;thead&gt; &lt;tr&gt; &lt;td class="w01"&gt;Name&lt;/td&gt; &lt;td&gt;Created&lt;/td&gt; &lt;td&gt;Adapter&lt;/td&gt; &lt;td&gt;Actions&lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>JS: (defined in head)</p> <pre><code> &lt;script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"&gt;&lt;/script&gt; &lt;script src="./assets/plugins/datatables/datatables.min.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function () { $('#backups').DataTable({ //"deferRender": true, ajax: { url: "&lt;?php echo url('restorepoint/renderTable'); ?&gt;", dataSrc: '' }, columns: [ {data: 'name'}, {data: 'created'}, {data: 'adapter'}, {data: 'actions'} ] }); }); &lt;/script&gt; </code></pre> <p>JSON:</p> <pre><code>{"5":{"name":"restorepoint_2019_08_02_05_47_49.zip","id":"\/restore_point_backups_fagardesignscom\/restorepoint_2019_08_02_05_47_49.zip","created":"2019-08-02 05:55:11","adapter":"dropbox","actions":""},"4":{"name":"restorepoint_2019_08_02_07_30_05.zip","id":"\/restore_point_backups_fagardesignscom\/restorepoint_2019_08_02_07_30_05.zip","created":"2019-08-02 03:36:59","adapter":"dropbox","actions":""},"3":{"name":"restorepoint_2019_08_02_07_32_57.zip","id":"\/restore_point_backups_fagardesignscom\/restorepoint_2019_08_02_07_32_57.zip","created":"2019-08-02 03:35:54","adapter":"dropbox","actions":""},"2":{"name":"restorepoint_2019_08_02_07_38_55.zip","id":"\/restore_point_backups_fagardesignscom\/restorepoint_2019_08_02_07_38_55.zip","created":"2019-08-02 03:34:46","adapter":"dropbox","actions":""},"1":{"name":"restorepoint_2019_08_02_08_13_49.zip","id":"\/restore_point_backups_fagardesignscom\/restorepoint_2019_08_02_08_13_49.zip","created":"2019-08-02 03:33:40","adapter":"dropbox","actions":""},"0":{"name":"restorepoint_2019_07_31_08_10_34.zip","id":"\/restore_point_backups_fagardesignscom\/restorepoint_2019_07_31_08_10_34.zip","created":"2019-07-31 03:54:27","adapter":"dropbox","actions":""}} </code></pre> <p>Datatables is showing "No data available in table" however, I don't understand why given I've followed this example: <a href="https://datatables.net/examples/ajax/custom_data_flat.html" rel="nofollow noreferrer">https://datatables.net/examples/ajax/custom_data_flat.html</a></p> </div>

jQuery dataTables使用的时候,返回json数据填充,不能进行分页,而是显示全部数据

今天遇到这样的问题,就是利用jQuery dataTables表格插件,将我后台返回来的JSON数据填充,但是不能分页,而是显示全部的数据,很奇怪,这是运行的截图和jQuery dataTables参数的设置,大牛们帮忙看看,小弟也是刚接触jQuery dataTables。 [code="java"] function loadCustomerInfo(){ var datatable; if(datatable == undefined || datatable == "undefined" || datatable == null){ $("#exportTable").show(); datatable=$("#exportTable").dataTable({ "sPaginationType": "full_numbers", "bFilter":false, "bSort":false, "iDisplayLength": 5, "bRetrieve":true, "bPaginate":true, "bLengthChange": false, "bStateSave" :false, "bServerSide": true, "aoColumns": [ {"mDataProp":"customerID"}, {"mDataProp":"customerName"}, {"mDataProp":"customerTel"}, {"mDataProp":"salesDate"}, {"mDataProp":"operate", "mRender": function(data, type, full) { return '<A href="../OrderdetailsServlet?customerID='+data+'" target="_blank">订单详情</A>';} }], "oLanguage":{ "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有检索到数据", "sInfo": "显示 _START_-_END_ 条数据;共有 _TOTAL_ 条记录", "sInfoEmtpy": "没有数据", "sProcessing": "正在加载数据...", "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "尾页" } }, "sAjaxSource" : "../CustomerServlet?rand="+Math.random(), "fnServerData" : function(sSource, aoData, fnCallback){ $.getJSON( sSource, {contractID:$("#contractID").val(), customerName:encodeURI(encodeURI($("#customerName").val())), customerTel:$("#customerTel").val(), aoData:JSON.stringify(aoData)} , function callback(data){ fnCallback(data); }); } }); } else{ datatable.fnDestroy(); } datatable.fnDraw(); } [/code] [img] [/img]

关于html前端的datatables的问题

## # 请问大神们,datatables在**初始化完后**,怎么添加数据?我写了一个添加按钮,想向datatables添加数据,还有就是怎么清空表格数据? ![图片说明](https://img-ask.csdn.net/upload/202001/27/1580136818_897690.png) ``` $('#sampleTable').DataTable({ "bPaginate": false, //翻页功能 "bLengthChange": false, //改变每页显示数据数量 "bFilter": false, //过滤功能 "bSort": true, //排序功能 "bInfo": false,//页脚信息 "bAutoWidth": true,//自动宽度 "bProcessing": true, //DataTables载入数据时,是否显示‘进度’提示 "bStateSave": true, }); ```

关于datatables分页加载数据不能重画表格

各位大牛,我用datatables做分页 ,点了下一页[ 2,3,4] 没问题 再往回点第2页页面就卡住了 显示处理中 但是服务器已把第二页的数据返回了 请问这是为什么?

jquery datatables 想实现汇总某一列数据的功能

没有搜到相关资料啊,求助 需要汇总某几列的数据,用的jQuery 的插件 dataTables,这个插件有相关的方法么

数据表 - 当我有14条记录时,为什么我的页面只有一页

<div class="post-text" itemprop="text"> <p>I have 14 in records and 10 display, IDK why I have only page 1</p> <p>this is my request: <a href="https://datatables.net/forums/discussion/31967/why-my-datatables-serverside-only-have-1-page" rel="nofollow noreferrer">https://datatables.net/forums/discussion/31967/why-my-datatables-serverside-only-have-1-page</a></p> <p><a href="https://i.stack.imgur.com/ZUlD0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZUlD0.png" alt="enter image description here"></a></p> <p>and this is the result of the <code>"ajax_files/all_phone_numbers.php"</code></p> <pre><code>{ "sEcho": 0, "iTotalRecords": "14", "iTotalDisplayRecords": 10, "aaData": [ [ "13863202227", "" ], [ "13864790508", "" ], [ "13865174009", "" ], [ "14073308841", "" ], [ "14073884953", "" ], [ "14074500122", "" ], [ "14075625408", "" ], [ "14076177154", "" ], [ "14076688983", "" ], [ "14077068252", "" ] ] } </code></pre> <p><strong>EDIT1</strong></p> <p>this is my <code>all_phone_numbers.php</code> php file and I'm using MSSQL PDO : <a href="http://codepad.org/VdqNDQhx" rel="nofollow noreferrer">http://codepad.org/VdqNDQhx</a></p> </div>

jquery datatables插件 表格数据初始化时,数据加载两次

/** 表格的数据渲染 */ function drawTable(aa001, aa002, aa003) { dataTable = $("#dataTable").DataTable({ "searching": false, "ordering": false, "destroy": true, "lengthMenu": [ 10, 20, 25, 30 ], "lengthChange": false, "paging": true, "ajax": { "url":"**", "data": {"aa001": aa001, "aa002": aa002, "aa003": aa003} }, "language": { "emptyTable": "无相关数据!", "info": "符合查询条件的数据共 _TOTAL_ 条,当前第 _START_ 至 _END_ 条数据", "infoEmpty": "当前显示0到0条,共0条记录", "lengthMenu": "显示 _MENU_ 条", "loadingRecords": "加载中...", "processing": "加载中...", "zeroRecords": "未查询到相关数据!", "paginate": { "first": "首页", "last": "尾页", "next": "下一页", "previous": "上一页" } }, "columns": [ {"class" : 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { "data": "ab301"}, { "data": "ab303"}, { "data": "ac201"}, { "data": "bm001"}, { "data": "bm004"}, { "data": "afk02"}, { "data": "dc236"}, { "data": "area"} ] }); }

使用datatables用ajax调用数据,不能形成表格

想使用datatables通过ajax生成表格,但是表格一直生成不出来,显示的是载入中…(下图)。由于是内网,只能拍照片没法截图。 ***** ![图片说明](https://img-ask.csdn.net/upload/201901/09/1547015472_655931.png) ***** ![图片说明](https://img-ask.csdn.net/upload/201901/09/1547015362_255719.png) ***** 这是js对应的列表代码片段 ``` "columns": [ {"data": "APP_ID"}, {"data": "APP_NAME"}, {"data": "APP_DESP"}, {"data": "APP_LABEL"}, {"data": "ORGANIZATION_ID"}, {"data": "ORGANIZATION_NAME"}, {"data": "ORGANIZATION_DESP"}, {"data": "ORGANIZATION_LABEL"} ] ``` 这是html对应的代码片段 ``` <table id="example" class="table table-striped table-bordered"> <thead> <tr> <th>应用ID</th> <th>应用名称</th> <th>应用描述</th> <th>应用注释</th> <th>机构ID</th> <th>机构名称</th> <th>机构描述</th> <th>机构英文名称</th> <th>操作</th> </tr> </thead> <tbody></tbody> </table> ```

datatables分页怎么对当前页排序

在使用datatables分页时,点击排序怎么能只对当前页排序。而不是所有的数据排序

datatables.min.js 重新绑定datatable的数据

使用datatables.min.js进行table的分页, 筛选后重新从后台查询数据修改table信息, 但是datatable的绑定信息没有被修改, 还是第一次的table内容, 网上找的"bDestroy": true,也没有效果, 请各位大神帮忙看看. 谢谢! ``` function GetList() { var UserName = $("#txt_keyword").val(); var selectId = $("#AccountSelect").val(); $.ajax({ type: "POST", url: "/Backstage/SystemManage/GetUserForAjax", data: { UserName: UserName, selectId: selectId }, success: function (result) { html = ""; if (selectId != -1) { //$('.table').dataTable().fnClearTable(); //将数据清除 } if (result.State == 0 && result.Data.length > 0) { for (var i = 0; i < result.Data.length; i++) { html += "<tr>"; html += "<td><input type=\"checkbox\" value=\"" + result.Data[i].Id + "\" class=\"i-checks\" name=\"input[]\"></td>"; html += "<td><small>" + result.Data[i].Account + "</small></td>"; html += "<td><small>" + result.Data[i].RealName + " </small></td>"; html += "</tr>"; } } $("#tbodyDept").html(html); //$('.table').dataTable().fnRecordsDisplay(); //$(".table").dataTable().fnDraw(); var table = $('.table').dataTable({ "bFilter": false, //过滤功能 "bDestroy": true, "bSort": false, //排序功能 "bLengthChange": false, //改变每页显示数据数量 //"bDeferRender": true, "bPaginate": true, //开启分页功能,如果不开启,将会全部显示 "bProcessing": true, //"bInfo": true, "iDisplayLength": 5, "oLanguage": { "sZeroRecords": "没有找到符合条件的数据", "sProcessing": "<img src=’./Content/InspiniaAdmin/css/plugins/blueimp/img/loading.gif’ />", "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条", "sInfoEmpty": "没有记录", "oPaginate": { "sFirst": "首页", "sPrevious": "前一页", "sNext": "后一页", "sLast": "尾页" } } }); ```

java datatables 分页问题

在datatables分页的时候需要返回已经分好页的数据,还有总条数,但是我用了两次查询, 第一次查询了分页好的数据,第二次查询总的条数 感觉比较耗费效率, 有没有比较好的方法呢? @RequestMapping(value="AddressfindAll") public void findAll(String start, String length,HttpServletResponse response) { //查询需要的数据 List list = addressservice.FindAll(start, length); //查询数据的总条数 int size = addressservice.FindAllSize(); Map map = new HashMap(); map.put("data", list); map.put("recordsTotal",size); JSONObject json = JSONObject.fromObject(map); response.setCharacterEncoding("UTF-8"); try { PrintWriter out = response.getWriter(); out.print(json); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } } ``` ```

.net怎么实现删除数据后刷新页面

.net怎么实现删除数据后刷新页面,用JAVASCRIPT或则其他方法实现,

datatables 分页的下一页为什么是被禁用的

我用的datatables 插件,开启了分页,但是分页的下一页是被禁用的 ,上一页和页码单击都正常,

bootstarp中绑定了一个datatables不好用

画面初始化有一个列表页,已经成功绑定了一个datatables。点击编辑按钮后,在一个bootstarp中绑定了一个datatables, 谷歌调试不报错,js无错误。是否有特殊的配置之类的说法? 数据结构:[{"id":value,"id":value}] jsp部分代码: <table class="table table-striped table-bordered table-hover" id="**sample_list**"> <thead> <tr> <th width="10%">id</th> <th width="20%"> 字段名称: </th> </tr> </thead> <tbody> </tbody> </table> js代码: $("#edit").click(function(){ var dicFId=$('#sample_dic').DataTable().rows('.selected').data()[0].dicFId; $.ajax({ type: 'POST', url: projectName+'/dicManaInitDetal', cache:false, data : { dicFId:dicFId }, dataType:'json', success: function(data, status){ if(data.status == 1) { if(!data.msg) { data.msg = '访问出错'; } alert(data.msg); } else { alert(22); alert(data[0].dicId); $('#sample_list').dataTable({ retrieve: true, paging: false, "bAutoWidth" : false, "searching":false, ** "data":data, "columns": [ { "data": "dicId" }, { "data": "dicName" } ]** }); $('#full').modal('show'); } } }); }); java返回的结构如截图 ![图片说明](https://img-ask.csdn.net/upload/201508/03/1438573923_223400.png) ) 高分急求·

如何使用DataTables使两行显示为一行?

<div class="post-text" itemprop="text"> <p>I have a page with a listing of groups here:</p> <p><a href="http://liquidchurch.com/groups/groups-browse/" rel="nofollow">http://liquidchurch.com/groups/groups-browse/</a></p> <p>It is using WordPress, DataTables, and the CCB Core API plugin and works well.</p> <p>I need to add to each group a description, but the descriptions are too long to add to the end of the table, so I'd like for it to appear on a separate line but still be "attached" to the main row (about the group) both in visual appearance and for sorting purposes.</p> <p>Here is my current code:</p> <p><a href="https://gist.github.com/davidshq/2c54fae1d3fd73bc6eda7dc537c1abed" rel="nofollow">https://gist.github.com/davidshq/2c54fae1d3fd73bc6eda7dc537c1abed</a></p> </div>

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

win10暴力查看wifi密码

刚才邻居打了个电话说:喂小灰,你家wifi的密码是多少,我怎么连不上了。 我。。。 我也忘了哎,就找到了一个好办法,分享给大家: 第一种情况:已经连接上的wifi,怎么知道密码? 打开:控制面板\网络和 Internet\网络连接 然后右击wifi连接的无线网卡,选择状态 然后像下图一样: 第二种情况:前提是我不知道啊,但是我以前知道密码。 此时可以利用dos命令了 1、利用netsh wlan...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

Python爬虫,高清美图我全都要(彼岸桌面壁纸)

爬取彼岸桌面网站较为简单,用到了requests、lxml、Beautiful Soup4

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

美团面试,问了ThreadLocal原理,这个回答让我通过了

他想都想不到,ThreadLocal我烂熟于心

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

立即提问
相关内容推荐