操作后如何在表格上保持相同的分页页面

Posted

技术标签:

【中文标题】操作后如何在表格上保持相同的分页页面【英文标题】:How to remain same pagination page on table after action 【发布时间】:2018-05-04 15:05:40 【问题描述】:

我创建了一个表(使用数据表)并在表中执行了一些操作。在表中我有一个按钮来执行“删除”功能,也使用数据表我得到分页.. 例如我在第 5 页,当我点击删除时我想删除一行它刷新页面并返回到第 1 页。如何在删除操作后使其保留在第 5 页?下面是我的表格和控制器功能

viewStatistics.blade:

<table class="table table-hover demo-table-search table-responsive-block alt-table" id="tableWithSearch">
  <thead>
    <tr>
      <th class="text-center" style="width:80px;">ID</th>
      <th class="text-center">Date</th>
      <th class="text-center">Question <br> Asked</th>
      <th class="text-center">Low <br> Confidence</th>
      <th class="text-center">No <br> Answer</th>
      <th class="text-center">Missing <br> Intent</th>
      <th class="text-center">Webhook <br> Fail</th>
      <th class="text-center">Status</th>
      <th class="text-center">Action</th>
    </tr>
  </thead>
  <tbody>
    @foreach($data as $sessionID => $value)
      <tr>
        <td class="text-center">$value['identifier']</td>
        <td class="text-center">date("d M", strtotime($value['dateAccess']))</td>
        <td class="text-center">$value['total']</td> <!-- question asked -->
        <td class="text-center">$value['low confidence']</td> <!-- low confidence -->
        <td class="text-center">$value['no answer']</td> <!-- no answer -->
        <td class="text-center">$value['missing intent']</td> <!-- missing intent -->
        <td class="text-center">$value['webhook fail']</td> <!-- webhook fail -->
        <td class="text-center" style="$value['status'] == 'Reviewed' ? 'color:green' : 'color:red'">
          $value['status']
          @if($value['status'] == 'Pending')
            <input type="checkbox" name="check" class="check" value="$sessionID">
          @endif
        </td> <!-- status -->
        <td class="text-center">
          <div class="btn-group">
            <button type="button" class="btn alt-btn alt-btn-black dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Manage</button>
            <ul class="dropdown-menu">
              <li>
                <a href="action('AltHr\Chatbot\TrackerController@viewStatisticsLog', [$companyID, $sessionID, $value['status'], $value['identifier']])" class="btn btn-link">View</a>
              </li>
              <li>
                <a href="action('AltHr\Chatbot\TrackerController@deleteStatistics', [$companyID, $sessionID])" class="btn btn-link" onclick="return confirm('Are you sure that you want to delete this chat logs?')">Delete</a>
              </li>
              @if($value['status'] == 'Pending')
              <li>
                <a href="action('AltHr\Chatbot\TrackerController@updateStatisticsStatus', [$companyID, $sessionID])" class="btn btn-link">Mark as Done</a>
              </li>
              @endif
            </ul>
          </div>
        </td> <!-- action -->
      </tr>
    @endforeach
  </tbody>
</table>

控制器:

public function deleteStatistics($companyID, $sessionID)

  DiraChatLog::where('company_id', $companyID)->where('sessionID', $sessionID)->delete();
  return redirect(action('AltHr\Chatbot\TrackerController@viewStatistics', compact('companyID')))->with('notification',[
    'status' => 'success',
    'title' => 'Statistics Deleted',
    'message' => 'The Statistics have been deleted.'
  ]);

【问题讨论】:

【参考方案1】:

在 jquery 数据表中有一个名为 stateSave 的选项。请检查以下代码:

$('#example').dataTable( stateSave: true );

【讨论】:

嗨,因为我在 laravel 中这样做,我应该在刀片文件中使用此代码吗? 可以,可以添加。 谢谢它的工作。你也知道我是否可以在数据表中添加一个可以跳过页面的代码,例如 >skip 5 或 >skip 10? 到目前为止,我猜数据表中没有可用的跳过页面选项。

以上是关于操作后如何在表格上保持相同的分页页面的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular 8 中保存表格的分页、排序、搜索状态?我正在使用 angular2-datatable

打印时防止表格中的分页符

在 GraphQL 查询中分组后如何限制和跳过标签列表页面的分页?

在 RTF 模板的分页符上显示不同的页面(BI 发布者)

使用BootStrap的table表格,如何利用BootStrap的分页插件Paginator实现表格的分页

App分页探讨