2012-04-10 51 views
0

我想使用jquerymulticolumn之類的東西。 但我不能在代碼後面使用它。我怎麼做,或者任何人建議我另一個多列選擇框?如何從ASP.NET後面的代碼填充Jquery多列選擇框?

ASPX:

. 
. 
<td> 

    <div id="datatable"> 
     <table cellspacing="0" width="100%"> 
     <tr> 
      <th>ID</th><th>Action Name</th><th>Action ID</th> 
      </tr> 
      <tr> 
      <asp:repeater id="rep" runat="server"> 
       <itemtemplate> 
        <tr> 
        <td><%#Eval("AKSIYON_ID")%></td><td><%#Eval("AKSIYON_ADI")%></td><td><%#Eval("AKSIYON_ID")%></td> 
        </tr> 
       </itemtemplate> 
      </asp:repeater> 
      </table> 
     </div> 

    </td> 
    . 
    . 
    <script type="text/javascript"> 

     $("#datatable").multicolselect({ 
      buttonImage: "../Images/selectbutton.gif", 
      valueCol: 1, 
      hideCol: 0 
     }); 

     </script> 

回答

1

jquerymulticolumn使用HTML表格向下填充其下落。你可以使用ASP.NET Repeater動態填充這個表:

<div id="datatable"> 
<table cellspacing="0" width="100%"> 
<tr> 
<th>ID</th><th>Key</th><th>Fruit</th> 
</tr> 
    <asp:repeater id="rep" runat="server"> 
    <itemtemplate> 
     <tr> 
     <td><%#eval("ID") %></td><td><%#eval("Key") %></td><td><%#eval("FruitName") %></td> 
     </tr> 
    </itemtemplate> 
    </asp:repeater> 
</table> 
</div> 

然後在你的代碼隱藏,你可以直放站綁定到數據源。

private void Page_Load(object sender, System.EventArgs e) 
{ 
    if (!IsPostBack) LoadData();  
} 

public void LoadData() 
{ 
    SqlDataAdapter adapter = new SqlDataAdapter("SELECT * FROM orders",  
     "server=(local);database=northwind;Integrated Security=SSPI"); 
    DataTable table = new DataTable(); 
    adapter.Fill(table); 
    rep.DataSource = table; 
    rep.DataBind(); 
} 

代碼段從here

+0

採取您需要將數據綁定到'rep',Repeater控件。不是'datatable',div。 – Curt 2012-04-10 10:17:06

+0

Thx我解決了這個問題。但是當我按下「下」圖像按鈕回傳正在工作......如何回傳錯誤? – Mennan 2012-04-10 10:23:04

+0

@Serdar請將您的一些代碼發佈到您的問題中(通過編輯),以便我們可以看到 – Curt 2012-04-10 10:24:34