博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

asp.net组件(2):override Render use HtmlTextWriter

Posted on 2007-12-17 22:52  a-peng  阅读(714)  评论(0编辑  收藏  举报

在 前一篇 组件(1) 中加入以下代码
Render主要用来  绘制控件.
HtmlTextWriter 用来将标志输出到浏览器

        protected override void Render(HtmlTextWriter writer)
        
{
            
//base.Render(writer);
            
            
//第一种 使用writer.Write
            
//writer.Write("<table width='500' border='1'><tr><td align='center'>" + Name + "今年" + Age.ToString() + "岁</td></tr></table>");
            
//HtmlTextWriter.Write 将提供string输出
            
//产生的html源代码格式为<table width='500' align='center' border='1'><tr><td align='center'>阿鹏今年20岁</td></tr></table>
    
            
//第二种 使用writer.WriteLine
            /*writer.WriteLine("<table width='500' border='1'>");
            writer.WriteLine("<tr>");
            writer.WriteLine("<td align='center'>");
            writer.WriteLine(Name + "今年" + Age.ToString() + "岁");
            writer.WriteLine("</td>");
            writer.WriteLine("</tr>");
            writer.WriteLine("</table>");
*/

            
//HtmlTextWriter.WriteLine 将提供string按行输出
            /*产生的html源代码格式为<table width='500' align='center' border='1'>
            <tr>
            <td align='center'>
            阿鹏今年20岁
            </td>
            </tr>
            </table>
*/


            writer.AddStyleAttribute(HtmlTextWriterStyle.Width, 
"500px");
            writer.AddStyleAttribute(HtmlTextWriterStyle.BorderStyle, 
"solid");
            writer.AddStyleAttribute(HtmlTextWriterStyle.BorderWidth, 
"1px");
            writer.AddStyleAttribute(HtmlTextWriterStyle.BorderColor, 
"#000");
            writer.RenderBeginTag(HtmlTextWriterTag.Table);
            writer.RenderBeginTag(HtmlTextWriterTag.Tr);
            writer.AddStyleAttribute(HtmlTextWriterStyle.TextAlign, 
"center");
            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.Write(Name 
+ "今年" + Age.ToString() + "");
            writer.RenderEndTag();
            writer.RenderEndTag();
            writer.RenderEndTag();
            
/*产生的html源代码格式为<table style="width:500px;border-style:solid;border-width:1px;border-color:#000;">
            <tr>
            <td style="text-align:center;">阿鹏今年20岁</td>
            </tr>
            </table>
*/

        }

注意一点:AddStyleAttribute在RenderBeginTag标签之前
<table width="500"></table>
但我们使用 HtmlTextWriter 顺序是相反的
writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "500px");
writer.RenderBeginTag(HtmlTextWriterTag.Table);
这个其实大家运行下二者查看下html源代码 就会发现差别.