更改JQuery Flexigrid上的列标题文本?

时间:2010-03-10 03:53:59

标签: jquery json flexigrid

我有一个jquery flexigrid,我正在动态更改,以便显示不同的表格数据。我希望,随着更改数据源(通过我正在成功执行的'url'),更改表列标题文本,但不能完全弄清楚如何这样做。因此,例如,我希望一个flexigrid表显示“employees”,然后如果用户单击一个链接,那么同一个flexigrid将显示“purchase”。当用户进行此更改时,列标题文本需要反映购买列标题以匹配我正在管理它的JSON数据。同样,除了列标题文本之外,我没有任何问题让所有工作。当用户选择要在flexigrid上查看的“购买”表时,我无法弄清楚如何更改标题文本。

这篇文章说明了如何做类似的事情,我试图用它作为基础来弄清楚自己,但很快就登上了失败船:consistent headers on flexigrid

1 个答案:

答案 0 :(得分:1)

可能有更好的方法来做到这一点,但它有效

   $('#test').click(function() {
   var new_headers =new Array("Saab","Volvo","BMW");
    $("#flex").parent(".bDiv").siblings(".hDiv").find("table tr th div").each(function(x){
      $(this).text(new_headers[x]);
    });
  });

这是heml我起诉

 <div id="flexgrid">
    <table id="flex"></table>
  </div>

确保在flexigrid加载或重新加载后执行此操作

  <input type="button" id="test" />