2012-04-10 41 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