华为的网站这个功能用什么控件做比较容易

Question

华为的右侧的产品列表用什么控件做比较容易
http://www.huawei.com/cn/products/data-communication/ne/index.htm
Repeater控件做起来感觉很麻烦,可能会有N级分类.

Answer 1

因为以前一直用TREEVIEW用递归做.可用TREEVIEW感觉美观不是很好,所以想知道如何做成自定义的,自定义的好像Repeater可以,但这里面的思路,暂时没有想到.

Answer 2

html里一般都叫标签  -》 div+css  搞web最好要会这个 而不是拖后台控件

Answer 3

这个到是会.我的整站全用div+css的.但现在碰到这个如何把整个表的数据输出到前台去.这与托不托控件,就算用DIV或HTML你也得在后台找到这个ID才能传给他吧.不知道你们在说什么了...我自己想想吧

Answer 4

TREEVIEW 可以写重写它的样式网上找到好看的样式，下载现在，把样式拿过来修改一下就是了

Answer 5

用完全可以用div,例如
<div id="warm" runat="server"></div>
后台
void warming()
        {
            warm.InnerHtml = "<b style='color:#F00;font-size:20px;padding-left:12px;'>亲，请不要进行非法操作！</b>";
        }我项目有个简单的运用    <div class="navTitle">
        <span>这里您可以设置常用功能的快捷方式</span>
    </div>
    <div class="links" id="sLinks" runat="server"></div>
        protected void Page_Load(object sender, EventArgs e)
        {
            linksBuilding(links());
        }
        DataTable links()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("name", Type.GetType("System.String"));
            dt.Columns.Add("url", Type.GetType("System.String"));
            dt.Columns.Add("img", Type.GetType("System.String"));            var _links = new object[] { 
                new string[] { "错误日志", "errorLog.aspx", "total.gif" }, 
            new string[] { "用户反馈", "feedback.aspx", "special_offer.gif" } };            Array.ForEach(_links, link => {
                DataRow dr = dt.NewRow();
                dr["name"] = (link as string[])[0];
                dr["url"] = (link as string[])[1];
                dr["img"] = (link as string[])[2];
                dt.Rows.Add(dr);
            });
            return dt;
        }        #region links building
        /// <summary>
        /// 创建快捷方式
        /// </summary>
        /// <param name="dt">DataTable格式 column列名为：name url img</param>
        void linksBuilding(DataTable dt)
        {
            string links = string.Empty;
            if (dt != null)
            {
                foreach (DataRow dr in dt.Rows)
                {
                    links += link(dr["name"].ToString(), dr["url"].ToString(), dr["img"].ToString());
                }
            }
            links += newLink();
            sLinks.InnerHtml = links;
        }
        string link(string _Name,string _Url,string _Image)
        {
            const string temp = "<div class=\"link\" url=\"{0}\"><img alt=\"{1}\" src=\"{2}\" /><a href=\"javascript:void(0)\">{1}</a><div class=\"close\"></div></div>";
            return string.Format(temp, _Url, _Name, _Image);
        }
        string newLink()
        {
            return "<div class=\"link\" id=\"Newcut\"><img alt=\"添加\" src=\"../Content/SysImages/plus.gif\" /><a href=\"javascript:void(0)\">添加</a></div>";
        }
生成界面主要就是CSS发挥作用

Answer 6

谢谢总算有个说个对题的
我也用过这种方式,由后台发送到前台控件DIV元素上.看到你8楼说重写TREEVIEW这个是在WINFORMj城面吧.我是要B/S里面做成列表,不知用哪种方式比较好.

Answer 7

不是winform的。
 两个就是web程序

Answer 8

谢谢,给个样式地址下载我看看.我刚才GOOGEL里面没有找到这类的样式.是不是关键词搞错了.

Answer 9

...外形可以借鉴别人的，图也可以扣别人的，但是Css样式要自己写。#Panel{ position:fixed;bottom:0px;width:100%; z-index:10;
            -o-box-shadow: 0px -8px 5px #888;
            -icab-box-shadow: 0px -8px 5px #888;
            -khtml-box-shadow: 0px -8px 5px #888;
            -moz-box-shadow: 0px -8px 5px #888;
            -webkit-box-shadow: 0px -8px 5px #888;
            box-shadow: 0px -8px 5px #888;
            /*-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=0,strength=10)"; 
*filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=0,strength=10);*/
           }
/*ie8 以下浏览器*/
.St{ background-image:url('../Images/shadow_line.png'); background-repeat:repeat-x; z-index:11;
     top:-1px;left:0px;
     height:0px;
     height:12px\0/;
     *height:12px;
     _height:12px;
     }
:root .Stn{height:0px\9\0;}左边的树的外框添加一条阴影效果，为了兼容各种浏览器就要写一堆CSS hack。这样式没办法给你的