SptingMVC整合bootstrap-table 初始化数据-自定义搜索-弹出模态框

bootstrap-table 初始化数据-自定义刷新

	今天在写项目的时候遇见一个bootstrap自定义搜索的问题 正好记录一下 废话不多 直接上代码

• 初始化数据

1. HTML

<table id="mytab"></table>

2. JS

 $(function(){
   
	// 这里是生成自定义操作按钮 
    function addFunctionAlty(value, row, index) {
   
            var id=index;
            var btnText = '';
            btnText+= "<button type=\"button\" id=\"btn_look\" οnclick=\"shop('" + row + "','" + id + "')\" class=\"btn btn-default-g ajax-link\">购买</button>&nbsp;&nbsp;";
            return btnText;
        }
        var $table;
        //生成用户数据
        $table =    $('#mytab').bootstrapTable({
   
            method: 'post',
            contentType: "application/x-www-form-urlencoded",
            url:"/sele", 		//后台请求数据路径
            striped: true, //是否显示行间隔色
            pageNumber: 1, //初始化加载第一页，默认第一页
            pagination:true,//是否分页
            pageSize:3,//单页记录数
            sidePagination:'server',
            pageList:[3,6,9],//分页步进值
            // showRefresh:true,//刷新按钮
            // showColumns:true,
            queryParamsType : "limit",//设置为 ‘limit’ 则会发送符合 RESTFul 格式的参数.
            // clickToSelect: true,//是否启用点击选中行
            buttonsAlign:'right',//按钮对齐方式
            onClickRow:function(row,$e){
   
                index = $e.data('index');
            },
            //得到查询的参数 
            queryParams : function (params) {
   
                //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                var temp = {
   
                    // 当前页数   0
                    pageNumber : params.offset/params.limit,
                    // 每页显示多少条
                    pageSize : params.limit
                };
                return temp;
            },
            columns:[
                {
   
                    checkbox:true,
                    width:25,
                    align:'center',
                    valign:'middle'
                },
                {
   
                    title:'id', 	//table头
                    field:'id', 	//对应实体类
                    sortable:true
                },
                {
   
                    title:'分类',
                    field:'goodsSort.name',
                    sortable:true
                },
                {
   
                    title:'名称',
                    field:'name', 
                    sortable:true,
                },
                    title:'剩余数量',
                    field:'remaining',