使用jQuery Flexigrid对列进行排序

Question

如果我没有定义内联，有没有办法将JQuery Flexigrid列标记为可排序？

也就是说我知道我能做到

    $("#flex1").flexigrid(  
    {  
        colModel: [
        { display: 'Col1', name: 'Col1', sortable: true  },
        { display: 'Col2', name: 'Col2', sortable: true  }
    });

但是我构建网格就像这样：

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

然后只需使用中继器控件输出JQuery将设置样式的表格：

<table id="flex1" >  
<tr>  
   <th>Col1 /th>  
...  
...  
<asp:Repeater ID="Repeater1" runat="server">  
   <ItemTemplate>  
    <tr>  
       <td><%# Eval("Col1") %></td>  ...

Answer 1

您可能希望实际生成colModel值。您可以使用与生成HTML相同的东西。也就是说，

$('#whatnot').flexigrid({
    ...
    colModel: [
        <asp:Repeater ID="Repeater1" runat="server">  
            <ItemTemplate>
                {display: <%# Eval("Col1") %>, name : <%# Eval("Col1") %>, sortable : true, align: 'left',  width: '80'}

(我不知道ASP的模板语言是如何工作的细节，但您知道要点了。)

或者，您可以像构建表一样构建表，然后使用jquery遍历DOM，在Javascript中构建colModal值。

Answer 2

我并没有真正使用过这个插件，但从我所看到的情况来看，它有一个在初始化后更改选项的函数。

var item = $("#flex1");

item.flexOptions({
    colModel: [
        {display: 'Col1', name: 'Col1', sortable: true},
        {display: 'Col2', name: 'Col2', sortable: true}
    ]
});

// you probably need to reload the grid after updating options
item.flexReload();

不幸的是，这个插件没有任何文档，所以它更多的是一个猜测，而不是保证的解决方案。我只是觉得这可能会在源代码中起作用。