在链接上,从菜单BindDataList中单击

本文关键字:BindDataList 单击 菜单 链接 | 更新日期: 2023-09-27 18:23:44

我有这个代码:

 $(document).ready(function () {

        $('#Priroda').hide();
        $('#priroda_').click(function () {
            $('#Znamenitosti').hide();
            $('#Priroda').show();

        });
        $('#znamenitosti_').click(function () {
            $('#Priroda').hide();
            $('#Znamenitosti').show();
        });
    });

</script>
 <div class="meni">
    <nav>
    <ul>
    <li class="active"><a href="#">Info</a></li>
    <li><a href="#" id="znamenitosti_">Znamenitosti</a></li>
    <li><a href="#" id="priroda_">Priroda</a></li>
    <li><a href="#" id="nokenzivot_">Noken Zivot</a></li>
     </ul>
        </nav>
        </div>

菜单中的类别很少。当我点击特定类别时,我想在同一个.aspx页面中显示该特定类别的(div)标记,而其他类别的其他(div)标签应该隐藏。这是类别"Priroda"的(div)标签:

<div class="Priroda" id="Priroda">
         <asp:DataList ID="DataList1" runat="server" RepeatColumns="7" CellPadding="3">
  <ItemTemplate>
<div class="boxButton">
<ul class="Gallery">
<li><a id="A1"  href='<%# Eval("ime","~/Sliki/Ohrid/Priroda/{0}") %>' title='<%# "Од "+ Eval("userid")+ ", на " +  Eval("datum")+ ", " +  Eval("opis")%>'  rel="FaceBox[gallery1]" runat="server" >
 <asp:Image ID="Image1"  ImageUrl='<%# Bind("ime", "~/Sliki/Ohrid/Priroda/{0}") %>' runat="server" Width="140" Height="140" AlternateText='<%# Bind("imeslika") %>' />
 </a></li></ul></div>
 </ItemTemplate>
 </asp:DataList>
    </div>

为了绑定DataList,我在.cs文件中使用了以下代码:

protected void BindDataList1()
{
    String strConnString = System.Configuration.ConfigurationManager
        .ConnectionStrings["makbazaConnectionString"].ConnectionString;
    SqlConnection con = new SqlConnection(strConnString);
    con.Open();
    //Query to get ImagesName and Description from database
    SqlCommand command = new SqlCommand("SELECT ime, imeslika, kategorija, datum, opis, slikapateka, userid FROM Ohrid WHERE kategorija='Priroda'", con);
    SqlDataAdapter da = new SqlDataAdapter(command);
    DataTable dt = new DataTable();
    da.Fill(dt);
    dlImages.DataSource = dt;
    dlImages.DataBind();
    con.Close();
}

现在我不知道如何调用BindDataList1();以在我单击该类别时显示数据。我对每个类别都有不同的BindDataList。你能告诉我如何为从菜单中选择的类别调用特定的BindDataList吗?例如,当我点击链接Priroda时,向我显示(div)标记Priroda和BindDalaList1();,当我点击链接Znamenitosti时,向我显示(div)标签Znamenitasti和BindDalaList2();

在链接上,从菜单BindDataList中单击

我认为一个简单的方法是同时为所有类别运行数据绑定函数,例如在"DataList1"的PreRender事件中,这样所有数据都在页面上,每个位都通过jQuery隐藏或显示。

或者,您可以使用而不是标记,并设置OnClick属性来调用DataBind1方法吗。