最近在学习bootstrap，正好今天看到了bootstraptable隐藏列，留着以后参考。
主要代码：
我要评论
<script type="text/javascript">
$(function () {
loadingdatalistorderrealitems();
$('#tableorderrealitems').bootstraptable('showcolumn', 'shopname');
$('#tableorderrealitems').bootstraptable('hidecolumn', 'goodsid');
});
</script>
全部代码：
<!--订单中商品列表 模块 开始-->
<script type="text/javascript">
function loadingdatalistorderrealitems() {
$('#tableorderrealitems').bootstraptable({
url: '/handler/handler_orders/allorder_real_virtuall_handler.ashx?func=get_orders_real_selectgoodslistbyorderid',
method: 'get', //默认是post,不允许对静态文件访问
cache: false,
striped: true, // 隔行加亮
pagination: true, // 开启分页功能
pagesize: 20, // 设置默认分页为 20
pagenumber: 1,
pagelist: [10, 25, 50, 100, 200], // 自定义分页列表
//contenttype: "application/x-www-form-urlencoded",//如果想用request.form 方式，设置 contenttype: "application/x-www-form-urlencoded",
search: false,//开启搜索功能
sidepagination: 'server',//设置为服务器端分页
queryparams: queryparams,//参数
showcolumns: true, // 开启自定义列显示功能
showrefresh: false, // 开启刷新功能
minimumcountcolumns: 2,// 设置最少显示列个数
clicktoselect: true,
smartdisplay: true,
clicktoselect: true, // 单击行即可以选中
sortname: 'orderrealitemsid', // 设置默认排序为 name
sortorder: 'desc', // 设置排序为反序 desc
smartdisplay: true, // 智能显示 pagination 和 cardview 等
datatype: "json",
columns: [{
field: 'orderid',
title: '#',
align: 'center',
}, {
field: 'orderitemid',
title: 'orderitemid',
align: 'left',
}, {
field: 'goodsid',
title: 'goodsid',
align: 'left',
}, {
field: 'ordercode',
title: '订单编号',
align: 'left',
}, {
field: 'goodsname',
title: '商品名称',
align: 'left',
}, {
field: 'goodsmainpic',
title: '图片',
align: 'left',
formatter: function (value, row, index) {
if (value != "") {
return '<img style="width:150px;height:100px" src="' + servicejsonserviceclient_commonlib + value + '" />';
}
else
return '<img style="width:150px;height:100px" src="' + client_nopicture + '" />';
}
}, {
field: 'consignor',
title: '收货人',
align: 'left',
}, {
field: 'receiveaddress',
title: '收货地址',
align: 'left',
}, {
field: 'receivetel',
title: '联系电话',
align: 'left',
},{
field: 'sellername',
title: '卖家姓名',
align: 'left',
}, {
field: 'shopname',
title: '店铺名称',
align: 'left',
}, {
field: 'modelname',
title: '商品类型',
align: 'left',
}, {
field: 'finalprice',
title: '最终价格',
align: 'left',
}, {
field: 'goodscount',
title: '数量',
align: 'left',
}, {
field: 'apprisestatus',
title: '物流状态',
align: 'left',
}, {
title: '操作',
field: 'id11',
align: 'center',
width: '100px',
formatter: function (value, row, index) {
}
}]
});
}
//获取url参数
function getquerystring(name) {
var reg = new regexp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = decodeuri(window.location.search).substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]); return null; //返回参数值
}
//设置传入参数
function queryparams(params) {
var orderid = getquerystring("orderid");
var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
limit: params.limit, //页面大小
offset: params.offset, //页码
orderid: orderid
};
return temp;
}
</script>
<script type="text/javascript">
$(function () {
loadingdatalistorderrealitems();
$('#tableorderrealitems').bootstraptable('showcolumn', 'shopname');
$('#tableorderrealitems').bootstraptable('hidecolumn', 'goodsid');
$('#tableorderrealitems').bootstraptable('hidecolumn', 'orderitemid');
$('#tableorderrealitems').bootstraptable('hidecolumn', 'shopname');
$('#tableorderrealitems').bootstraptable('hidecolumn', 'sellername');
});
</script>
<!--订单中商品列表 模块 开始-->
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
如对本文有疑问， 点击进行留言回复！！
前端的 JavaScript Array（数组） 方法和对象
网友评论