在线PhotoShop

http://uupoop.com/

In the previous chapter we created a UserControl, and now we will try using it for the first time. Pick a page in your project, or simply create a new one for the purpose, and open it. The first thing we have to do, is declare our UserControl. It can be done either in each page where it's used, or globally in the web.config file. There is no performance difference, but when declaring UserControls in the web.config file, the controls have to reside in a different directory than the page(s) using it.

For now, let's just declare it within the page. Add the following line below the standard page declaration:

for example:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="HorizontalMenuControl.ascx.cs" Inherits="WebApplication3.HorizontalMenuControl" %>
<style>
    .menu_hor_list {
        background-color: #dff3ff;
        height: 35px;
        padding: 0px;
        margin: 0px;
        border-bottom: solid 1px #ddd;
        padding-top: 5px;
    }

        .menu_hor_list ul {
            padding: ;
            position: absolute;
            left: 35px;
            margin: ;
            text-align: left;
        }

            .menu_hor_list ul li {
                display: block;
                list-style: none;
                float: left;
                margin: 0px;
                padding-right: 3px;
                height: 35px;
                line-height: 35px;
            }

                .menu_hor_list ul li a {
                    padding: 0px 15px 0px 15px;
                    margin-left: 0px;
                    display: block;
                    float: left;
                    font-size: .1em;
                    text-decoration: none;
                    color: #;
                    background-position: top left;
                    background-repeat: no-repeat;
                }

                    .menu_hor_list ul li a:hover {
                        text-decoration: underline;
                        color: #ff006e;
                    }

                .menu_hor_list ul li .selected_label {
                    text-decoration: none;
                    background-color: #fff;
                    background-position: top left;
                    cursor: pointer;
                    border-left: solid 1px #ddd;
                    border-right: solid 1px #ddd;
                    border-top: solid 1px #ddd;
                }
</style>
<div id="menuDiv" class="menu_hor_list" runat="server">
</div>

protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                this.BindMenus();
            }
        }

        public string ParentMenuId
        {
            get;
            set;
        }

        public string SelectedMenuId
        {
            get;
            set;
        }

        private void BindMenus()
        {
            DataSet ds = GetChildMenus(ParentMenuId);
            const string NameField = "Name";
            const string URLField = "URL";
            const string IdField = "Id";

            StringBuilder sb = new StringBuilder();
            sb.Append("<ul>");
            ].Rows)
            {
                string strClass = this.SelectedMenuId == Convert.ToString(dr[IdField]) ? "class='selected_label'" : "";
                sb.Append(string.Format("<li><a {0} href='{1}'>{2}</a></li>", strClass, Convert.ToString(dr[URLField]), Convert.ToString(dr[NameField])));
            }
            sb.Append("</ul>");
            menuDiv.InnerHtml = sb.ToString();
        }

        private DataSet GetChildMenus(string parentId)
        {
            BllMenu bm = new BllMenu();
            return bm.GetChildMenus(parentId);
        }
<style>
    .menu_list ul {
        margin-left: 30px;
    }

        .menu_list ul li {
            list-style: none;
            line-height: 40px;
            background: url("icon_arrow_blue.png") no-repeat left center;
            text-indent: 1em;
            font-size: 16px;
        }

            .menu_list ul li a {
                color: #1cA7FF;
            }

                .menu_list ul li a:hover {
                    text-decoration: underline;
                    color: #ff006e;
                }
</style>
<div id="verticalMenuDiv" class="menu_list" runat="server">
</div>

protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                this.BindMenus();
            }
        }

        public string ParentMenuId
        {
            get;
            set;
        }

        private void BindMenus()
        {
            DataSet ds = GetChildMenus(ParentMenuId);
            const string NameField = "Name";
            const string URLField = "URL";

            StringBuilder sb = new StringBuilder();
            sb.Append("<ul>");
            ].Rows)
            {
                sb.Append(string.Format("<li><a href='{0}'>{1}</a></li>", Convert.ToString(dr[URLField]), Convert.ToString(dr[NameField])));
            }
            sb.Append("</ul>");
            verticalMenuDiv.InnerHtml = sb.ToString();
        }

        private DataSet GetChildMenus(string parentId) {
            BllMenu bm = new BllMenu();
            return bm.GetChildMenus(parentId);
        }

 If you look at the page now, you will see our UserControl in action, although the information will be a bit... limited. We will have to set a value for the properties we defined, for things to get just a bit more interestingly. Fortunately, it's very easy:

How to use:

<uc1:VerticalMenuControl runat="server" ID="VerticalMenuControl" ParentMenuId="1" />
<uc1:HorizontalMenuControl runat="server" ID="HorizontalMenuControl" ParentMenuId="1" SelectedMenuId="4" />

In the CodeBehind of the page, try something like this:

protected void Page_Load(object sender, EventArgs e)
{
    // These values can come from anywhere, but right now, we just hardcode them
    MyUserInfoBoxControl.UserName = "Jane Doe";
    MyUserInfoBoxControl.UserAge = ;
    MyUserInfoBoxControl.UserCountry = "Germany";
}

How to use usercontrol - pass paramters的更多相关文章

  1. [模拟电路] 2、Passive Band Pass Filter

    note: Some articles are very good in http://www.electronics-tutorials.ws/,I share them in the Cnblog ...

  2. 一种开发模式:ajax + ashx + UserControl

    一.ajax+ashx模式的缺点     在web开发过程中,为了提高网站的用户体验,或多或少都会用到ajax技术,甚至有的网站全部采用ajax来实现,大量使用ajax在增强用户体验的同时会带来一些负 ...

  3. Wpf usercontrol dispose

    窗口关闭时组件"析构": public UserControl()        {            InitializeComponent();               ...

  4. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' heade

    XMLHttpRequest cannot load http://10.164.153.37:8050/WebService/WebService.asmx/wsGetStreetData. Res ...

  5. UvaLA 3938 "Ray, Pass me the dishes!"

                            "Ray, Pass me the dishes!" Time Limit: 3000MS   Memory Limit: Unkn ...

  6. XAML UserControl的继承

    欢迎访问Heroius博客:崩溃的脑壳查看文章原文! 前言 相信不少学习WPF和Silverlight的同学们都出于Winform的习惯,希望能够在新展示层框架中实现控件的继承.本文就是说明如何实现这 ...

  7. wpf的UserControl用户控件怎么添加到Window窗体中

    转载自 http://www.cnblogs.com/shuang121/archive/2013/01/09/2853591.html 我们来新建一个用户控件UserControl1.xaml &l ...

  8. WPF 弹出UserControl

    UserControl正常情况下是不能被弹出的,而编写好的UserControl页面,为了查看效果,又需要弹出. 为了解决这个问题,UserControl需要一个Windows来接收. var win ...

  9. WPF中UserControl和DataTemplate

    最新更新: http://denghejun.github.io 前言 前言总是留给我说一些无关主题的言论,WPF作为全新Microsoft桌面或web应用程序显示技术框架, 从08年开始,一直到现在 ...

随机推荐

  1. log4j2 配置文件

    首先pom文件如下 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www ...

  2. Struts2中上传图片案列

    1.HTML代码 <body> <!--上传一个文件   enctype="multipart/form-data" 上传文件必须设置这个属性和属性值--> ...

  3. app设计需注意的

    手机上同步photoshop设计稿: ps play应用 设计: 资源: 1.音乐上传问题 音乐控制在2M以内,推荐使用[格式工厂]进行压缩. 2.视频上传问题 为了保证在线的播放效果,上传的视频大小 ...

  4. C#_项目做成安装包

    首先打开项目-->点开解决方案右键单击添加-->新建项目-->找到其他项目类型(如下图)--> 点击确定-->单击应用程序文件夹-->在名称下的空白处单击--> ...

  5. 让dede运行php代码和mysql语句

    一.dede运行php代码 举例1: {dede:name runphp='yes'} $str = "hello ";@me = $str;@me .= "world& ...

  6. ASP.NET中如何读取和写入注册表

    直接给源码: 读取注册表内容: RegistryKey regkey=Registry.LocalMachine.OpenSubKey(@"SOFTWARE\Microsoft\Window ...

  7. NEC学习 ---- 模块 -多行式面包屑导航

    如上面形式面包屑的写法: HTML如下, <div class="m-crumb"> <ul class="f-cb"> <li& ...

  8. ant copy file

    <project name="selftask" default="docopy" basedir="."> <descr ...

  9. NET 框架基本原理透析⑵

    生成.打包.部署及管理应用程序与类型 要生成就离不开程,序集,程序集是包含一个或多个类型定义文件和资源文件的集合.在程序集包含的所有文件中,有一个文件用于保存清单.清单是另外一组元数据表的集合,其中主 ...

  10. ios开发xcode中设置代码块

    在开发中有很多重复的代码,很多开发者把常用的代码做成代码块提高开发效率. 在xcode里选中代码块的时候总是很不容易,点击选中的代码(文字),不要移动和松开鼠标左键,当竖线变成像拉长了的x(我也不知道 ...