ul li datalist控件導航欄動態綁定數據庫,並且顯示相應的內容


前臺


代碼截圖:

 


源碼:

<!--動態獲取導航欄-->

<ul>

<li><a href="#"><asp:DataList  ID="type" runat="server"  

        RepeatDirection="Horizontal"   RepeatColumns="12" >

<ItemTemplate>

<asp:LinkButton ID="lbtnGetID" runat="server"  CssClass="linkbutton" CommandArgument='<%#Eval("foodID") %>' OnClick="lbtnGetID_Click">

<asp:Label ID="lblType"  runat="server"  Text='<%#DataBinder.Eval(Container,"DataItem.giftType") %>'></asp:Label>

</asp:LinkButton>

</ItemTemplate>

</asp:DataList></a></li>

</ul>



樣式截圖:

 

 



後臺


代碼截圖:

 


源碼:

 protected void Page_Load(object sender, EventArgs e)

    {

        

        if (!Page.IsPostBack)

        {

            listBind();

            TypeBind();

           

        }

    }

    string id = "";

    public void lbtnGetID_Click(object sender,EventArgs e )

    {

         id  = (sender as LinkButton).CommandArgument;

        

         listBind();

    }

   

    public void TypeBind()

    {

        DataSet ds=new DataSetDA().selectData("select * from foodType where state='1'");

        this.type.DataSource = ds;

        this.type.DataBind();

    }

    public void listBind()

    {

        DataSet ds = new DataSetDA().selectData("select * from gift where state='1' and (foodID='" + id.ToString()+ "' or '" + id.ToString()+ "'='')");

        this.list.DataSource = ds;

        this.list.DataBind();

       

}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章