Repeater导航菜单DataList产品展示

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JD.aspx.cs" Inherits="WebApplication3.JD" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 237px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <table class="style1">
            <tr>
                <td class="style2">
                <ul>
                    <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                         <li>
                         <%# Eval("name") %>
                         <hr />
                             <asp:HiddenField ID="HiddenField1" Value=‘<%# Eval("id") %>‘ runat="server" />
                                <ul>
                                <asp:Repeater ID="Repeater2" runat="server">
                                <ItemTemplate>
                                <li>
                                    <asp:LinkButton ID="LinkButton1" CommandArgument=‘<%# Eval("id") %>‘ OnClick="ShowList"   runat="server"><%# Eval("Name") %></asp:LinkButton>
                                </li>
                                </ItemTemplate>
                                </asp:Repeater>
                                </ul>
                         </li>

                    </ItemTemplate>
                    </asp:Repeater>
                    </ul>
                </td>
                <td>
                    <asp:DataList ID="DataList1" runat="server" CellPadding="4" ForeColor="#333333"
                        RepeatColumns="4">
                        <AlternatingItemStyle BackColor="White" />
                        <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                        <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                        <ItemStyle BackColor="#E3EAEB" />
                        <ItemTemplate>
                            <table class="style1">
                                <tr>
                                    <td>
                                        <asp:Image ID="Image1" runat="server" Height="100px"
                                            ImageUrl=‘<%# Eval("pic") %>‘ Width="100px" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:Label ID="Label1" runat="server" Text=‘<%# Eval("name") %>‘></asp:Label>
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>
                        <SelectedItemStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                    </asp:DataList>
                </td>
            </tr>
        </table>

    </div>
    </form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication3
{
    public partial class JD : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BinList();
            }
        }

        public void ShowList(object sender, EventArgs e)
        {
           LinkButton lb=  sender as LinkButton;
           string id = lb.CommandArgument;
           Response.Write("查询类别:" + id + "对应的商品");
           string sql = "select * from goods where cid=" + id;
           DataList1.DataSource = SQLHelper.GetTable(sql);
           DataList1.DataBind();
        }

        private void BinList()
        {
            string sql = "select * from goodsClass where pid=0";
            Repeater1.DataSource = SQLHelper.GetTable(sql);
            Repeater1.DataBind();
            foreach (RepeaterItem item in Repeater1.Items)
            {
                string id = (item.FindControl("HiddenField1") as HiddenField).Value;
                Repeater p2 = item.FindControl("Repeater2") as Repeater;
                string s2 = "select * from goodsClass where pid=" + id;
                p2.DataSource = SQLHelper.GetTable(s2);
                p2.DataBind();
            }
        }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication3
{
    public partial class Login : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            if (TextBox2.Text == "123")
            {
                System.Web.Security.FormsAuthentication.RedirectFromLoginPage(TextBox1.Text, false);
            }
        }
    }
}
时间: 2024-08-27 05:32:31

Repeater导航菜单DataList产品展示的相关文章

二级导航菜单全屏展示

实现效果: 1.二级菜单下拉展示的全屏展示,下拉内容块居中 2.一级菜单 并不是所有都有二级下拉菜单 ,不能使用,通过比较标签内的属性来确认具体是哪个一级导航有下拉菜单,比如 <div index="product"></div>对比一级菜单和二级菜单的index属性来显示对应的内容: <ul> <li> <a href="#">一级导航</a> <div class="sub_

【ASP.NET基础】简单企业产品展示网站--产品编辑CIUD

摘要:本文记录创建一个小的.简单的产品网站的步骤. 一,搭建一个简单的产品展示网站,熟悉以下知识点:NVelocity模板引擎.Ajax无刷新页面请求,文件上传,Row_Number实现分页,ckEditor使用,Bootstrap的简单使用.[点击查看网站效果] 二,网站基本框架:新建项目ProductWeb ,并完成基本框架的搭建(SQLHelper,ckEditor,Common_Nvelocity,Bootstrap等添加到项目中).并创建ProductWebDB .[下载基本模板框架]

jQuery/CSS3类似阿里巴巴的商品导航菜单实现教程

有两天没发表文章了,今天来说说利用jQuery和CSS3制作一款类似阿里巴巴左侧商品菜单导航,这款菜单看起来非常大气,可以展示非常多的产品类目,如果你在设计电子商务网站,不妨可以拿来参考,一下是效果图: 我们也可以到这里来查看这款菜单的DEMO演示. 接下来还是分析一下源代码,源码由HTML.CSS和jQuery组成,先来看看HTML,东西很多,但结构非常简单: <div class="sidebar"> <div class="sidebar_top si

中英文双语导航菜单代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" cont

jQuery弹性滑动导航菜单

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">&l

Web网页简单的静态导航菜单的制作

Web网页导航菜单的制作 最近初学Html/Css,今天学习了一个简单的静态导航条的制作.属于很简单,很基础的东西. 思路:导航菜单–>书籍的目录,条目性结构–>用无需列表构建导航菜单 1. 首先在html代码中建立ul: <ul> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li>

C# WPF侧边栏导航菜单(Dropdown Menu)

时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.WPF.ASP.NET Core等,亦有C++桌面相关的Qt Quick和Qt Widgets等,只分享自己熟悉的.自己会的. 阅读导航: 一.先看效果 二.本文背景 三.代码实现 四.文章参考 五.代码下载 一.先看效果 二.本文背景 YouTube  Design com WPF 大神处习得,菜单

Web前端开发实战4:导航菜单(一)

在前面的博文中我们提到横向一级菜单,这里我们来看看导航菜单.导航菜单种类很多,但是制作原理都是大同 小异的,这里看的比二级下拉式菜单还简单.来看一些网站上的导航菜单: 垂直导航菜单: 水平导航菜单: 一垂直菜单 制作原理:(1)用无序列表构建菜单:(2)<a>标签的设置:ul li a{display:block;}.定义的关键是将<a>标签设置为 块元素. 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

导航菜单滑动动画

用jquery实现百度新闻导航菜单滑动动画 前言 前两天,群里有人问百度新闻导航是如何实现的,当时由于忙于工作,没有来得及细看,恰好今天有空闲时间,索性就实现一下这个效果吧: 思路与步骤 1.利用UL创建简单横向导航: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g