Bootstrap分页查询
前台方法:
function show() {
$('#reportTable').bootstrapTable({
method: 'get',
url: "@Url.Action("GetList", "UserInfoFun")",
pagination: true,//分页
striped: false,
pageSize: 10,
pageNumber: 1,
minimumCountColumns: 1,
queryParamsType: 'count',
sidePagination: 'server',
dataType: 'json',
contentType: 'application/json',
idField: 'S_CASEID',
queryParams: getQueryParams
});
}
function getQueryParams(queryParams) {
var options = $("#reportTable").bootstrapTable('getOptions');
$.extend(options, queryParams);
var sortOrder = options.sortOrder == "desc" ? " asc" : " desc";
var sortName = options.sortName || "s_id";
var temp = $("#fm_doc").serializeJsonObject();
temp["pageIndex"] = (options.pageNumber - 1) * options.pageSize;
temp["pageSize"] = options.pageSize;
temp["sort"] = sortName + sortOrder;
return temp;
}
function formatterOperation(value, row, index) {
var str = "";
str += "<a href=\"javascript:void(0)\" onclick=\"Edit('" + row["Id"] + "')\"><span class='glyphicon glyphicon-pencil'></span>编辑</a> ";
str += "<a href=\"javascript:void(0)\" onclick=\"Delete('" + row["Id"] + "')\"><span class='glyphicon glyphicon-remove'></span>删除</a>";
return str;
}
function Delete(id) {
if (confirm("确认要删除用户吗?")) {
$.ajax({
url: "@Url.Action("Delete", "UserInfoFun")",
type: "post",
data: { id: id },
dataType: "json",
success: function (d) {
if (d.Success) {
alert("删除成功");
//doSearchByButton();
}
else {
alert(d.ErrorMsg);
}
}
});
}
}
function Edit(id) {
TopLayerInfo('编辑用户', '@Url.Action("AddUser", "UserInfo")?IsAdd=false&id=' + id + '', '55%', '50%');
}
前台Html:
<div class="base-table" id="tabDiv" style="height:600px;margin-left:10px">
<table id="reportTable" class="table baseTHead">
<thead>
<tr>
<th data-field="Id">用户帐号</th>
<th data-field="Name">姓名</th>
<th data-field="Policeinfo_Id">年龄</th>
<th data-formatter="formatterOperation" data-align="center" data-width="120px">操作</th>
</tr>
</thead>
</table>
Bootstrap分页查询的更多相关文章
- bootstrap分页查询传递中文参数到后台(get方式提交)
<!--分页 --> <div style="width: 380px; margin: 0 auto; margin-top: 50px;"> <u ...
- bootstrap分页
使用bootstrap分页插件,如下代码是html代码 <title>分页</title> <link href="page/bootstrap-3.3.5-d ...
- asp.net mvc多条件+分页查询解决方案
开发环境vs2010 css:bootstrap js:jquery bootstrap paginator 原先只是想做个mvc的分页,但是一般的数据展现都需要检索条件,而且是多个条件,所以就变成了 ...
- ASP.NET MVC5 实现分页查询
对于大量数据的查询和展示使用分页是一种不错的选择,这篇文章简要介绍下自己实现分页查询的思路. 分页需要三个变量:数据总量.每页显示的数据条数.当前页码. //数据总量 int dataCount; / ...
- Ajax写分页查询(实现不刷新页面)
获取数据库中大量的信息显示在页面上,必然要使用到分页查询: 若不使用Ajax,而是用其他的方法,肯定是要刷新页面的,用户体检很不好, 所以最好使用Ajax的方法写分页查询: 1.先来找一张数据很多的表 ...
- 用ajax写分页查询-----2017-05-17
要写分页,首先你得清楚,一页你想显示多少条信息?如何计算总共显示的页数? 先说一下思路: (1)从数据库读取数据,以chenai表为例,读取所有留言信息.并能够实现输入发送者,可以查询该发送者的留言总 ...
- 分页查询时,使用cookie保存上次的查询条件。jQuery实现方法以及中间遇到的坑
今天做分页查询时需要在跳转页面时保存上次查询的条件,如下: 实现的大致思路就是用cookie本地保存. 其中需要用到jQuery.Cookie插件. 使用方法很简单: 存数据:$.cookie(“ke ...
- javaweb分页查询实现
Javaweb分页技术实现 分页技术就是通过SQL语句(如下)来获取数据,具体实现看下面代码 //分页查询语句 select * from 表名 where limit page , count; 和 ...
- bootstraptable 分页查询
1.前端配置 2.后台输出格式化数据 1.前端配置 @{ Layout = null; } <!DOCTYPE html> <html> <head> <me ...
随机推荐
- echars line 底部图例强制不换行(滚动),修改图例样式
{ grid: { left: '5px', right: '10px', top: '10px', bottom: '40px', containLabel: true }, tooltip: { ...
- bzoj5092 分割序列
题目链接 problem 对于一个长度为n的非负整数序列\(b_1,b_2,...,b_n\),定义这个序列的能量为:\(f(b)=\max\limits_{i=0,1,...,n}(b_1 \oti ...
- ubuntu 18.04 安装mysql 遇到语言格式不兼容性问题解决
安装mysql的时候,遇到了这样一个错误:perl: warning: Setting locale failed. perl: warning: Please check that your loc ...
- Nginx之前后端分离(入门)
几个月前,公司架构优化,首先就是前后端分离. 所谓前后端分离,就是在传统的前后端代码都在一个项目里的基础上,将前后端代码抽离,把前端代码从后端项目了分离出来,前后端开发人员各自在自己的项目里开发. 为 ...
- oracle学习笔记(十) 查询练习(一)
查询练习一 表创建 create table employee as select * from soctt.emp ; --记得授权 sysdba用户登录 grant select on scott ...
- MySQL GROUP BY 的问题
拿 employee 示例数据库为例,当进行如下操作时会报错. mysql> SELECT * FROM employees GROUP BY gender; ERROR 1055 (42000 ...
- C#函数的参数传递方式1(值传递与地址传递)
using System; namespace class1 { class program { static void Main(string[] args) { //值传递引用,实际参数不会变化 ...
- 一个小事例,了解golang通道阻塞模式
在学习golang中,channel真的是让人捉摸不透的东西,本来我自以为我理解了协程阻塞的用法了,结果就下面这个小例子,我还是在打印输出后才搞明白到底怎么回事? 当然了,这也是我自身对协程这块不太熟 ...
- 完整版的CAD技巧!3天轻松玩转CAD,零基础也能学会
最近有很多小伙伴反应,CAD图纸学起来有点小困难,也许你还没能掌握技巧,CAD大神带你3天轻松玩转CAD,零基础也能快速学会. 一.看懂图纸是关键 CAD制图首先得让自己知道要绘制什么,如果心中对图纸 ...
- 怎么在CAD中测量图纸距离?来看看这两种方法
在CAD中设计图纸最重要的就是图纸的尺寸,俗话说也就是图纸间的距离.通过正确的数据设计出的图纸才能够准确,也能够避免施工时事不必要的误差.那怎么在CAD中测量图纸距离呢?具体要怎么来进行操作呢?下面我 ...