flexigrid（二）（不自动加载）

在需要的时候可能一个页面不仅需要一个flexigrid，比如说两个或者是三个的样子，这个时候该怎么做呢？前面介绍了一个的情况，接下来介绍多个的情况。

背景：点击一个按钮初始化一个flexigrid。

html代码：

<input type="button" value="初始化flexigrid" onclick="showEditBankDiv()">

<div id="editBankDiv" display="false" style="width:600px;">
      <table id="bankDivFlexiGrid"></table>
</div>

js代码：

$(document).ready(function(){
          initBankDivFlexiGrid();
      });

function showEditBankDiv(){
        $("#editBankDiv").attr("display",true);
        $("#bankDivFlexiGrid").flexOptions({
            newp : 1,
            addparams : [{name : "teamId",value : teamId}]
        }).flexReload();
    }

function initBankDivFlexiGrid(){
        $("#bankDivFlexiGrid").flexigrid({
        url : "http://localhost:8080/test_online/teacher/teacher_findBanksByTeamId",//后台action方法返回一个与前台对应的flexigrid
        dataType : "json",
        autoload : false,//这里表示初始化不立刻执行findBanksByTeamId方法
        rp : 15,
        useRp : false,
        colModel : [{
            display : "题库名称：",
            width : 100,
            align : "center",
            render : function(val, row) {
                return row.name;
            }
        },{
            display : "创建时间：",
            width : 100,
            align : "center",
            render : function(val, row) {
                return row.createTime.substring(0,19);
            }
        },{
            display : "上次更新时间：",
            width : 100,
            align : "center",
            render : function(val, row) {
                return row.updateTime.substring(0,19);
            }
        },{
            display : "备注",
            width : 100,
            align : "center",
            render : function(val, row) {
                return row.remark;
            }
        },{
            display : "操作",
            width : 100,
            align : "center",
            render : function(val, row) {
                return "<input type=‘button‘ class=‘inputB‘ value=‘删除‘ onclick=‘deleteBank(" + row.id + ")‘/>";
            }
        }],
        width : "auto",
        height : "370",
        showToggleBtn : false,
        showTableToggleBtn : false,
        singleSelect : true,
        onSubmit : function() {
            showWaitDiv(true);
            return true;
        },
        onSuccess : function(grid, data) {
            showWaitDiv(false);
            return true;
        },
        onError : function() {
            alert("<%=AjaxResponse.getAjaxErrorInfo()%>");
            showWaitDiv(false);
        }
    });
    }