bootstrap bootstrapTable 隐藏列
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了bootstrap bootstrapTable 隐藏列,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3552字,纯文字阅读大概需要6分钟。
内容图文
主要代码:
<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> <!--订单中商品列表 模块 开始-->
原文:http://www.cnblogs.com/toSeeMyDream/p/6964773.html
内容总结
以上是互联网集市为您收集整理的bootstrap bootstrapTable 隐藏列全部内容,希望文章能够帮你解决bootstrap bootstrapTable 隐藏列所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。