Bootstrap应用杂记

 

 

 

 

 

 

 

 

 

$(function() {
    query();
});

$("#queryBtn").click(function() {
    query();
});

function query() {
    $("#bankCode_table").bootstrapTable('destroy');
    var url = weburl + "/parameter/bankCode/queryBankCodeMas.do";
    $('#bankCode_table').bootstrapTable({
        url : url,
        dataType : "json",
        striped : true,// 是否显示行间隔色
        cache : false,
        sidePagination : "server",// 分页方式：client客户端分页，server服务端分页（*）
        pagination : true, // 启动分页
        sortable : true,// 排序
        pageNumber : 1, // 当前第几页
        pageSize : 10, // 每页显示的记录数
        showPaginationSwitch : false,// 展示页数的选择
        pageList : [ 10, 25, 50, 100 ],// 记录数可选列表
        contentType : 'application/json;charset=UTF-8',
        queryParamsType : '', // undefined (这里是根据不同的参数，选择不同的查询的条件)
        queryParams : function queryParams(params) {
            var param = {
                pageNumber : params.pageNumber,
                pageSize : params.pageSize,
                pageFlag : "Y",
                internalBankCode : $("#internalBankCode_query").val(),
                bankName : $("#bankName_query").val()
            }
            return param;
        },// 设置查询时候的参数，传递参数（*）
        responseHandler : function handler(obj) {
            var data = $.parseJSON(obj.DATA);
            // 如果没有错误则返回数据，渲染表格
            if ("SUCC" == obj.RESULT) {
                return {
                    // 总页数,前面的key必须为"total"
                    total : data.recordCount,
                    // 行数据，前面的key要与之前设置的dataField的值一致.
                    rows : data.dataList
                };
            } else {
                alert(data);
            }
        }
    // 在ajax请求成功后，发放数据之前可以对返回的数据进行处理，渲染表格前的方法
    });
}

// 修改按钮
function operatorFormat(value, row, index) {
    var s = "";
    s += "<a class='user_bt' onclick='updPage(\"" + row.internalBankCode
            + "\",\"" + row.bankName + "\",\"" + row.sortNo + "\")' >修改</a>";
    return s;
}

function addPage() {
    // 初始化模态框
    $("input").val("");
    $("#myModalLabel").text("新增城市分行");
    // 提交按钮
    $("#submitAdd").show();
    $("#submitUpdate").hide();
    // 不可修改属性
    $("#internalBankCode").attr("readOnly", false);
    // 切换新增和修改模态框
    $('#addAndUpdateModal').modal();
}

function updPage(internalBankCode, bankName, sortNo) {
    // 初始化模态框
    $("input").val("");
    $("#myModalLabel").text("修改城市分行");
    // 提交按钮
    $("#submitAdd").hide();
    $("#submitUpdate").show();
    // 不可修改属性
    $("#internalBankCode").attr("readOnly", true);
    // 初始值
    $("#internalBankCode").val(internalBankCode);
    $("#bankName").val(bankName);
    $("#sortNo").val(sortNo);
    // 切换新增和修改模态框
    $('#addAndUpdateModal').modal();
}