bootstrap table如何传参取值?
我使用了bootstrap table来显示数据,这是我的代码,不知道如何传参,我在php端执行$_POST['id'],无法取到值,请问我应该怎样传参取值
<table id="tb_departments"></table>
$(function () {
//1.初始化Table
var oTable = new TableInit();
oTable.Init();
//2.初始化Button的点击事件
var oButtonInit = new ButtonInit();
oButtonInit.Init();
});
var TableInit = function () {
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$('#tb_departments').bootstrapTable({
url: 'luck.php', //请求后台的URL(*)
method: 'post', //请求方式(*)
id:50,
pageSize:10,
pageNumber:1,
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: true, //是否显示分页(*)
sortable: false, //是否启用排序
sortOrder: "asc", //排序方式
queryParams: oTableInit.queryParams,//传递参数(*)
sidePagination: "client", //分页方式:client客户端分页,server服务端分页(*)
pageNumber:1, //初始化加载第一页,默认第一页
pageSize: 10, //每页的记录行数(*)
pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
search: true, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
strictSearch: true,
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
height: 500, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueId: "id", //每一行的唯一标识,一般为主键列
showToggle:true, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
columns: [{
checkbox: true
}, {
field: 'Raffle_id',
title: '编号'
}, {
field: 'prize',
title: '奖品'
}, {
field: 'raffledate',
title: '抽奖时间'
}, {
field: 'angle',
title: '转盘角度'
},
{
title: '操作',
field: 'raffle_id',
align: 'center',
formatter:function(value,row,index){
var e = '<a href="user_luck_list.php?id='+row.raffle_id+'" mce_href="#">编辑</a> ';
var d = '<a href="#" mce_href="#" onclick="del(\''+ row.raffle_id +'\')">删除</a> ';
return e+d;
}
},
]
});
};
//得到查询的参数
oTableInit.queryParams = function (params) {
var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
limit: params.limit, //页面大小
offset: params.offset, //页码
};
return temp;
};
return oTableInit;
};
var ButtonInit = function () {
var oInit = new Object();
var postdata = {};
oInit.Init = function () {
//初始化页面上面的按钮事件
};
return oInit;
};
...全文
相关推荐
bootstrap-table-demo
这个"bootstrap-table-demo"压缩包文件包含了演示如何使用这个组件的示例代码和资源,帮助开发者快速理解和应用Bootstrap Table。1.
bootstrap-table真实交互数据
总结,"bootstrap-table真实交互数据"示例是一个实用的教程,它展示了如何利用Bootstrap Table插件构建一个与后台实时交互的数据表格。
Bootstrap Table Fixed Columns 固定列
-- Bootstrap Table CSS --><link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.1/dist/bootstrap-table.min.css
bootstrap table 分页栏修改
**理解Bootstrap Table分页机制**: Bootstrap Table的分页功能依赖于内置的`pagination`模块。
bootstrap集成table样式的总结
在Bootstrap中,Table组件是一个重要的部分,它允许开发者轻松地创建美观、可定制的表格。本篇文章将深入探讨如何在Bootstrap中集成和使用Table样式。


