jquery - 重新定义/重置flexigrid中的列？

Question

如何动态重新定义flexigrid中的列？

我尝试了以下方法：

model = [{ .../*some new columns model*/ } ];

target.flexOptions({colModel: model});
target.flexReload();

没有任何运气：/

Answer 1

我刚遇到同样的问题。

我能做的就是为flexigrid的div创建一个包装器div，并在每次我需要更改colmodel时清空包装器/重新创建flexigrid。就像是：

$("#flexigridContainer").empty();
$("#flexigridContainer").append($("<div>").attr("id", "reporteFlexigrid"));

var report = $("#cmbValReports option:selected").attr("value");
var colModel;
switch(report){
    case 1: url = ""; colModel = abonosFlexigridModel(); break;
    case 2: url = ""; colModel = cgeneralFlexigridModel(); break;
    case 3: url = ""; colModel = cccostoFlexigridModel(); break;
    case 4: url = ""; colModel = prestamoFlexigridModel(); break;
}

    initFlexigrid(url, colModel);

initFlexigrid 类似于

function initFlexigrid(purl, pcolModel){
$("#reporteFlexigrid").flexigrid({url: purl, colModel: pcolModel, ... }); }

它对我有用:-)

Answer 2

试试这个

  model = [{ .../*some new columns model*/ } ];
  $('#flex').flexOptions(model).flexReload();