使用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();

不幸的是，這個插件沒有任何文檔，所以它更像是一個有保證的解決方案。 我只是覺得這可能源於源代碼。