ASP.Net中的JQuery Flexigrid插件

Question

我有一个使用C＃的ASP.Net项目，并且在一个aspx页面上有一个Repeater控件，该页面通过遍历数据源来构建html表。 我想使用JQuery Flexigrid插件使该表可滚动，但是由于该插件上缺少文档，因此无法弄清楚该表如何工作。 有谁知道该怎么做，或者有示例代码可以共享？

Answer 1

一个简单的谷歌搜索“ asp.net + flexigrid”给了我这个和这个

我还必须提到，flexigrid的支持似乎很少，因此您最好查看记录更好的jqGrid

Answer 2

我自己从未使用过Flexigrid，但是在查看了网站上的示例后，我将提供建议。

看起来您需要用中继器创建的是格式正确的html表，至少包含thead和tbody部分。

<table id="mytable">
  <thead>
      <tr>
        <th>header1</th>
        <th>header2</th>
      </tr>
  </thead>
  <tbody>
      <tr>
        <td>table data 1</td>
        <td>table data 2</td>
      <tr>
  </tbody>
</table>

完成后，只需简单调用以下内容，即可使用默认设置创建Flexigrid表：

$("#mytable").flexigrid();

从那里，您可以传递看起来很多的选项，以使其看起来像您想要的那样漂亮。

至于中继器本身，有多种方法可以根据您的需要进行设置。 可能最简单的方法如下：

<table>
<thead>
  <tr>
    <th><asp:label id="header1" runat="server"></asp:label></th>
    <th><asp:label id="header2" runat="server"></asp:label></th>
  </tr>
</thead>
<tbody>
<asp:repeater id="myrepeater" runat="server" OnItemDataBound="myrepeater_ItemDataBound">
  <ItemTemplate>
    <tr>
      <td><asp:label id="data1" runat="server"></asp:label></td>
      <td><asp:label id="data2" runat="server"></asp:label></td>
    </tr>
  </ItemTemplate>
</asp:repeater>
</tbody>
</table>

您的数据绑定事件将如下所示：

public void myrepeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
  myDataObject = e.Item.DataItem;
  Label data1 = e.Item.FindControl("data1");
  Label data2 = e.Item.FindControl("data2");

  data1.Text = myDataObject.data1;
  data2.Text = myDataObject.data2;
}

Answer 3

不要尝试通过id引用表，最好使用一个类来标识表。 如果查看页面源，您会发现表ID不是mytable会根据您的页面结构对其进行重整。