bootstrap table

 $(function(){
            //中石化表格初始化
            $("#companyTable").bootstrapTable({
                url:'/DcBaseInfoCompanyGis/getTableByCompanyName',  //获取表格数据
                contentType:'application/x-www-form-urlencoded; charset=UTF-8',//使用post传参,去掉后无法成功
                method: "get",
                toolbar:"#companyToolbar",
                cache: false,            //禁用ajax缓存
                striped: true,           //表格显示条纹
                pagination: false,        //在底部显示分页组件
                pageList: [10, 20],       //设置页面可以显示的数据条数
                pageSize: 10,             // 页面数据条数
                pageNumber: 1,            // 首页页码
                sidePagination: 'server', // 设置为服务器端分页
                showColumns:false,        //是否显示内容列下拉框
                showToggle:false,         //切换详细视图和列表视图
                singleSelect:true,        //单选checkbox
                onClickRow:function (row,$element) {
                    document.returnValue = {text:row.companyName, value:row.companyCode, type:1} ;
                    console.info(document.returnValue);
                    $('.changeColor').removeClass('changeColor');
                    $($element).addClass('changeColor');
                },
                queryParamsType: '',
                queryParams:function (params){   //请求服务器数据时,添加额外参数
                    return {
                        pageSize:params.pageSize, // 每页要显示的数据条数
                        pageNum:params.pageNumber,    // 页码
                        companyName:$("#companyName").val(),
                        ofplate:$("#ofplate").val()
                    }
                },
                idField:'companyCode',             //指定主键列
                columns:[{
                    title: '序号',//标题  可不加t
                    formatter: function (value, row, index) {
                        return index+1;
                    },
                    align:'center',   //左右居中
                    valign: 'middle' // 上下居中
                },{
                    field:'companyName',  //返回json中的name
                    title:'企业名称',   //表格表头显示文字
                    halign:'center',
                    //align:'center',   //左右居中
                    valign: 'middle' // 上下居中
                },{
                    field:'fullName',  //返回json中的name
                    title:'企业全称',   //表格表头显示文字
                    halign:'center',
                    //align:'center',   //左右居中
                    valign: 'middle' // 上下居中
                }
                ]
            });
        });
/**
     * 分页获取中石化表格数据,默认查询条件companyName为空
     * @param request
     * @return
     */
    @GetMapping("/getTableByCompanyName")
    @ResponseBody
    public Map<String, Object> getTableByCompanyName(HttpServletRequest request){

        String companyName =request.getParameter("companyName");
        String ofplate =request.getParameter("ofplate");
        Map<String,Object> map=new HashMap<>();
        try {
            Page list = dcBaseInfoCompanyGisService.getTableByCompanyName(1,200,companyName,ofplate);
            map.put("total",list.getTotal());
            map.put("rows",list.getResult());
        }catch (Exception ex){
            ex.printStackTrace();
        }
        return map;
    }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值