Ajax手风琴,来自数据集的特定数据,多个数据集或来自数据集的不同数据都是可能的

  • 本文关键字:数据集 数据 手风琴 Ajax c# asp.net
  • 更新时间 :
  • 英文 :


我有手风琴正在加载一个问题,我想要不同的标题信息和多行内容。

例如,我有一个数据表如下:

Fruit|Apples
Fruit|Mango
Vegetables|peas

我希望结果是这样的

Fruit
      -Apples
      -Mango
Vegetables
      -peas

这是我现在得到的。

Fruit
     - Apples
Fruit
     - Mango
Vegetables
     - peas

我使用的代码如下:

protected void Page_Load(object sender, EventArgs e)
{
    CurrentUserID = HttpContext.Current.Session["userID"].ToString();
    BindAccordion();
}
private void BindAccordion()
{
    viewablePages = new List<string>();
    string storedProcedureName = "GrabAccordionPages";
    using (MySqlConnection cn = new MySqlConnection("Server="";Database=""; User=root;Password="";"))
    {
        List<string> roles = new List<string>();
        cn.Open();
        MySqlCommand cmd = new MySqlCommand(storedProcedureName, cn);
        cmd.CommandType = CommandType.StoredProcedure;
        cmd.Parameters.AddWithValue("@usernameID", CurrentUserID);
        MySqlDataAdapter da = new MySqlDataAdapter(cmd);
        DataTable dtTable = new DataTable();
        da.Fill(dtTable);
        NavigateAccordion.DataSource = dtTable.DefaultView;
        NavigateAccordion.DataBind();

    }
} 

我的手风琴看起来像

<ajaxToolKit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="Server" />
<ajaxToolKit:Accordion ID="NavigateAccordion" runat="server" 
                       SelectedIndex="0" 
                       HeaderCssClass="accordionHeader" 
                       ContentCssClass="accordionContent" 
                       FadeTransitions="true" 
                       SuppressHeaderPostbacks = "true"
                       FramesPerSecond="80" 
                       TransitionDuration="200"
                       AutoSize="None"
                       Width="200">
<HeaderTemplate>
  <asp:Label runat="server" Id="lbHeaderId" Text='<%#Eval("service") %'>> </asp:Label>
</HeaderTemplate>

是否有一种方法来操作<%#Eval("service") %'>>,或者我是否需要创建除了DataTable之外的东西来完成我需要的。或者我可以将两个数据源绑定到一个手风琴,但是我如何管理内容中的两个数据源?

这可能不是你想要的答案,但我建议跳过微软提供的工具包,开始使用jQuery/jQuery UI之类的东西。我相信这里有人能帮你。

最新更新