用于js组件开发的js基类（模拟.net的WebControl的体系）（２）

• 以下是组件支持文件 VmWebUI.js。
  
  /*
      Copyright (c) 2005 Vime. All rights reserved.
      Version 1.0.2.2
      
      对于Web组件的支持;
      需要先加载 VmSystem.js。
  */
  
  
  //封装文本的字体属性。
  VmFontInfo = function()
  {
      this.GetType = function VmFontInfo_GetType()
      {
          return "VmFontInfo";
      }
      this.Bold = false;
      this.Italic = false;
      this.Strikeout = false;
      this.Underline = false;
      this.Overline = false;
      this.Name = "";
      this.Names = "";
      this.Size = "";
      this.CopyFrom = function VmFontInfo_CopyFrom(f)
      {
          if(!VmFontInfo.prototype.isPrototypeOf(f))
              new VmInterfaceException("VmFontInfo.CopyFrom","VmFontInfo").Throw();
          this.Bold = f.Bold;
          this.Italic = f.Italic;
          this.Strikeout = f.Strikeout;
          this.Underline = f.Underline;
          this.Overline = f.Overline;
          this.Name = f.Name;
          this.Size = f.Size;
      }
      this.MergeWith = function VmFontInfo_MergeWith(f)
      {
          if(!VmFontInfo.prototype.isPrototypeOf(f))
              new VmInterfaceException("VmFontInfo.MergeWith","VmFontInfo").Throw();
          if(!this.Bold)
              this.Bold = f.Bold;
          if(!this.Italic)
              this.Italic = f.Italic;
          if(!this.Strikeout)
              this.Strikeout = f.Strikeout;
          if(!this.Underline)
              this.Underline = f.Underline;
          if(!this.Overline)
              this.Overline = f.Overline;
          if(this.Name == "")
              this.Name = f.Name;
          if(this.Size == "")
              this.Size = f.Size;
      }
      this._ParseStyle = function VmFontInfo__ParseStyle(s)
      {
          var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
          try
          {
              xmlDoc.loadXML(s);
          }
          catch(e)
          {
              new VmArgumentException("无法分析XML数据。","s").Throw();
          }
          var root = xmlDoc.documentElement;
          for(var i=0;i<root.attributes.length;i++)
          {
              var attr = root.attributes[i];
              switch(attr.nodeName)
              {
                  case "Font-Bold":
                      this.Bold = attr.value.toLowerCase()=="true";
                      break;
                  case "Font-Italic":
                      this.Italic = attr.value.toLowerCase()=="true";
                      break;
                  case "Font-Strikeout":
                      this.Strikeout = attr.value.toLowerCase()=="true";
                      break;
                  case "Font-Underline":
                      this.Underline = attr.value.toLowerCase()=="true";
                      break;
                  case "Font-Overline":
                      this.Overline = attr.value.toLowerCase()=="true";
                      break;
                  case "Font-Name":
                      this.Name = attr.value;
                      break;
                  case "Font-Size":
                      this.Size = attr.value;
                      break;
              }
          }
      }
      this._RenderStyle = function VmFontInfo__RenderStyle(o)
      {
          var s = o.style;
          if(this.Bold)
              s.setAttribute("fontWeight","bold");
          if(this.Italic)
              s.setAttribute("fontStyle","italic");
          if(this.Strikeout)
              s.setAttribute("textDecorationLineThrough",this.Strikeout);
          if(this.Underline)
              s.setAttribute("textDecorationUnderline",this.Underline);    
          if(this.Overline)
              s.setAttribute("textDecorationOverline",this.Overline);
          if(this.Name != "")
              s.setAttribute("fontFamily",this.Name);
          if(this.Size != "")
              s.setAttribute("fontSize",this.Size);
      }
      this.Reset = function VmFontInfo_Reset()
      {
          this.Bold = false;
          this.Italic = false;
          this.Strikeout = false;
          this.Underline = false;
          this.Overline = false;
          this.Name = "";
          this.Names = "";
          this.Size = "";
      }
  }
  VmFontInfo.prototype = new VmObject();
  
  
  //指定组件的边框样式。
  VmBorderStyle = function()
  {
      this.GetType = function VmBorderStyle_GetType()
      {
          return "VmFontInfo";
      }
      this.NotSet = "NotSet";
      this.None = "None";
      this.Dotted = "Dotted";
      this.Dashed = "Dashed";
      this.Solid = "Solid";
      this.Double = "Double";
      this.Groove = "Groove";
      this.Ridge = "Ridge";
      this.Inset = "Inset";
      this.Outset = "Outset";
      this._Value = this.NotSet;
  }
  VmBorderStyle.prototype = new VmEnum();
  
  
  //指定容器中的项的水平对齐方式。
  VmHorizontalAlign = function()
  {
      this.GetType = function VmHorizontalAlign_GetType()
      {
          return "VmHorizontalAlign";
      }
      this.NotSet = "NotSet";
      this.Left = "Left";
      this.Center = "Center";
      this.Right = "Right";
      this._Value = this.NotSet;
  }
  VmHorizontalAlign.prototype = new VmEnum();
  
  
  //指定容器中的项的垂直对齐方式。
  VmVerticalAlign = function()
  {
      this.GetType = function VmVerticalAlign_GetType()
      {
          return "VerticalAlign";
      }
      this.NotSet = "NotSet";
      this.Top = "Top";
      this.Middle = "Middle";
      this.Bottom = "Bottom";
      this._Value = this.NotSet;
  }
  VmVerticalAlign.prototype = new VmEnum();
  
  
  //为在表格结构中显示项的控件指定网格线样式。
  VmGridLines = function()
  {
      this.GetType = function VmGridLines_GetType()
      {
          return "VmGridLines";
      }
      this.None = "None";
      this.Horizontal = "Rows";
      this.Vertical = "Cols";
      this.Both = "All";
      this._Value = this.None;
  }
  VmGridLines.prototype = new VmEnum();
  
  
  //表示组件的样式。
  VmStyle = function()
  {
      this.GetType = function VmStyle_GetType()
      {
          return "VmStyle";
      }
      this.BackColor = "";
      this.BorderColor = "";
      this.BorderStyle = new VmBorderStyle();;
      this.BorderWidth = "";
      this.CssClass = "";
      this.Font = new VmFontInfo();
      this.ForeColor = "";
      this.Height = "";
      this.Width = "";
      this.CopyFrom = function VmStyle_CopyFrom(s)
      {
          if(!VmStyle.prototype.isPrototypeOf(s))
              new VmInterfaceException("VmStyle.CopyFrom","VmStyle").Throw();
          this.BackColor = s.BackColor;
          this.BorderColor = s.BorderColor;
          this.BorderStyle = s.BorderStyle;
          this.BorderWidth = s.BorderWidth;
          this.CssClass = s.CssClass;
          this.Font = s.Font;
          this.ForeColor = s.ForeColor;
          this.Height = s.Height;
          this.Width = s.Width;
      }
      this.MergeWith = function VmStyle_MergeWith(s)
      {
          if(!VmStyle.prototype.isPrototypeOf(s))
              new VmInterfaceException("VmStyle.MergeWith","VmStyle").Throw();
          if(this.BackColor == "")
              this.BackColor = s.BackColor;
          if(this.BorderColor == "")
              this.BorderColor = s.BorderColor;
          if(this.BorderStyle.getValue() == "NotSet")
              this.BorderStyle = s.BorderStyle;
          if(this.BorderWidth == "")
              this.BorderWidth = s.BorderWidth;
          if(this.CssClass == "")
              this.CssClass = s.CssClass;
          this.Font.MergeWith(s.Font);
          if(this.ForeColor == "")
              this.ForeColor = s.ForeColor;
          if(this.Height == "")
              this.Height = s.Height;
          if(this.Width == "")
              this.Width = s.Width;
      }
      this.RenderStyle = function VmStyle_RenderStyle(o)
      {
          var s = o.style;
          if(this.BackColor != "")
              s.setAttribute("backgroundColor",this.BackColor.toLowerCase());
          if(this.BorderColor != "")
              s.setAttribute("borderColor",this.BorderColor.toLowerCase());
          
          if(this.BorderWidth!="")
          {
              s.setAttribute("borderWidth",this.BorderWidth);
              if(this.BorderStyle.getValue() == "NotSet")
              {
                  if(this.BorderWidth.substr(0,1)!="0")
                      s.setAttribute("borderStyle","solid");
              }
              else
              {
                  s.setAttribute("borderStyle",this.BorderStyle.getValue().toLowerCase());
              }
          }
          else if(this.BorderStyle.getValue() != "NotSet")
          {
              s.setAttribute("borderStyle",this.BorderStyle.getValue().toLowerCase());
          }
          if(this.ForeColor != "")
              s.setAttribute("color",this.ForeColor);
          if(this.Height != "")
              s.setAttribute("height",this.Height);
          if(this.Width != "")
              s.setAttribute("width",this.Width);
          this.Font._RenderStyle(o);
          if(this.CssClass != "")
              o.setAttribute("class",this.CssClass);
      }
      this.ParseStyle = function VmStyle_ParseStyle(s)
      {
          var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
          try
          {
              xmlDoc.loadXML(s);
          }
          catch(e)
          {
              new VmArgumentException("无法分析XML数据。","s").Throw();
          }
          var root = xmlDoc.documentElement;
          for(var i=0;i<root.attributes.length;i++)
          {
              var attr = root.attributes[i];
              switch(attr.nodeName)
              {
                  case "BackColor":
                      this.BackColor = attr.value;
                      break;
                  case "BorderColor":
                      this.BorderColor = attr.value;
                      break;
                  case "BorderStyle":
                      this.BorderStyle.setValue(attr.value);
                      break;
                  case "BorderWidth":
                      this.BorderWidth = attr.value;
                      break;
                  case "CssClass":
                      this.CssClass = attr.value;
                      break;
                  case "ForeColor":
                      this.ForeColor = attr.value;
                      break;
                  case "Height":
                      this.Height = attr.value;
                      break;
                  case "Width":
                      this.Width = attr.value;
                      break;
              }
          }
          this.Font._ParseStyle(s);
      }
      this.Reset = function VmStyle_Reset()
      {
          this.BackColor = "";
          this.BorderColor = "";
          this.BorderStyle.setValue("NotSet");
          this.BorderWidth = "";
          this.CssClass = "";
          this.Font.Reset();
          this.ForeColor = "";
          this.Height = "";
          this.Width = "";
      }
  }
  VmStyle.prototype = new VmObject();
  
  
  // TR 或 TD 元素的样式。
  VmTableItemStyle = function()
  {
      this.GetType = function VmTableItemStyle_GetType()
      {
          return "VmTableItemStyle";
      }
      this.HorizontalAlign = new VmHorizontalAlign();
      this.VerticalAlign = new VmVerticalAlign();
      this.Wrap = true;
      this.Style = new VmStyle();
      this.CopyFrom = function VmTableItemStyle_CopyFrom(s)
      {
          if(!VmTableItemStyle.prototype.isPrototypeOf(s))
              new VmInterfaceException("VmTableItemStyle.CopyFrom","VmTableItemStyle").Throw();
          this.HorizontalAlign = s.HorizontalAlign;
          this.VerticalAlign = s.VerticalAlign;
          this.Wrap = s.Wrap;
          this.Style = s.Style;
      }
      this.MergeWith = function VmTableItemStyle_MergeWith(s)
      {
          if(!VmTableItemStyle.prototype.isPrototypeOf(s))
              new VmInterfaceException("VmTableItemStyle.MergeWith","VmTableItemStyle").Throw();
          if(this.HorizontalAlign.getValue() == "NotSet")
              this.HorizontalAlign = s.HorizontalAlign;
          if(this.VerticalAlign.getValue() == "NotSet")
              this.VerticalAlign = s.VerticalAlign;
          if(this.Wrap)
              this.Wrap = s.Wrap;
          this.Style.MergeWith(s.Style);
      }
      this.RenderStyle = function VmTableItemStyle_RenderStyle(o)
      {
          if(this.HorizontalAlign.getValue() != "NotSet")
              o.setAttribute("align",this.HorizontalAlign.getValue().toLowerCase());
          if(this.VerticalAlign.getValue() != "NotSet")
              o.setAttribute("vAlign",this.VerticalAlign.getValue().toLowerCase());
          if(!this.Wrap)
              o.setAttribute("nowrap",!this.Wrap);
          this.Style.RenderStyle(o);
      }
      this.ParseStyle = function VmTableItemStyle_ParseStyle(s)
      {
          var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
          try
          {
              xmlDoc.loadXML(s);
          }
          catch(e)
          {
              new VmArgumentException("无法分析XML数据。","s").Throw();
          }
          var root = xmlDoc.documentElement;
          for(var i=0;i<root.attributes.length;i++)
          {
              var attr = root.attributes[i];
              switch(attr.nodeName)
              {
                  case "HorizontalAlign":
                      this.HorizontalAlign.setValue(attr.value);
                      break;
                  case "VerticalAlign":
                      this.VerticalAlign.setValue(attr.value);
                      break;
                  case "Wrap":
                      this.Wrap = attr.value;
                      break;
              }
          }
          this.Style.ParseStyle(s);
      }
      this.Reset = function VmTableItemStyle_Reset()
      {
          this.HorizontalAlign.setValue("NotSet");
          this.VerticalAlign.setValue("NotSet");
          this.Wrap = true;
          this.Style.Reset();
      }
  }
  VmTableItemStyle.prototype = new VmStyle();
  
  
  //表示表控件的样式。
  VmTableStyle = function()
  {
      this.GetType = function VmTableStyle_GetType()
      {
          return "VmTableStyle";
      }
      this.BackImageUrl = "";
      this.CellPadding = 0;
      this.CellSpacing = 0;
      this.GridLines = new VmGridLines();
      this.HorizontalAlign = new VmHorizontalAlign();
      this.Style = new VmStyle();
      this.CopyFrom = function VmTableStyle_CopyFrom(s)
      {
          if(!VmTableStyle.prototype.isPrototypeOf(s))
              new VmInterfaceException("VmTableStyle.CopyFrom","VmTableStyle").Throw();
          this.BackImageUrl = s.BackImageUrl;
          this.CellPadding = s.CellPadding;
          this.CellSpacing = s.CellSpacing;
          this.GridLines = s.GridLines;
          this.HorizontalAlign = s.HorizontalAlign;
          this.Style = s.Style;
      }
      
      this.MergeWith = function VmTableStyle_MergeWith(s)
      {
          if(!VmTableStyle.prototype.isPrototypeOf(s))
              new VmInterfaceException("VmTableStyle.MergeWith","VmTableStyle").Throw();
          if(this.BackImageUrl == "")
              this.BackImageUrl = s.BackImageUrl;
          if(this.CellPadding == "")
              this.CellPadding = s.CellPadding;
          if(this.CellSpacing == "")
              this.CellSpacing = s.CellSpacing;
          if(this.GridLines.getValue() == "None")
              this.GridLines = s.GridLines;
          if(this.HorizontalAlign.getValue() == "NotSet")
              this.HorizontalAlign = s.HorizontalAlign;
          this.Style.MergeWith(s.Style);
      }
      this.RenderStyle = function VmTableItemStyle_RenderStyle(o)
      {
          var s = o.style;
          if(this.BackImageUrl != "")
              s.setAttribute("backgroundImage",this.BackImageUrl);
          if(this.CellPadding != "")
              o.setAttribute("cellpadding",this.CellPadding);
          if(this.CellSpacing != "")
              o.setAttribute("cellSpacing",this.CellSpacing);
          if(this.GridLines.getValue() != "None")
              o.setAttribute("rules",this.GridLines.getValue().toLowerCase());
          if(this.HorizontalAlign.getValue() != "NotSet")
              s.setAttribute("align",this.HorizontalAlign.getValue().toLowerCase());
          this.Style.RenderStyle(o);
      }
      this.ParseStyle = function VmTableStyle_ParseStyle(s)
      {
          var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
          try
          {
              xmlDoc.loadXML(s);
          }
          catch(e)
          {
              new VmArgumentException("无法分析XML数据。","s").Throw();
          }
          var root = xmlDoc.documentElement;
          for(var i=0;i<root.attributes.length;i++)
          {
              var attr = root.attributes[i];
              switch(attr.nodeName)
              {
                  case "BackImageUrl":
                      this.BackImageUrl = attr.value;
                      break;
                  case "CellPadding":
                      this.CellPadding = attr.value;
                      break;
                  case "CellSpacing":
                      this.CellSpacing = attr.value;
                      break;
                  case "GridLines":
                      this.GridLines.setValue(attr.value);
                      break;
                  case "HorizontalAlign":
                      this.HorizontalAlign.setValue(attr.value);
                      break;
              }
          }
          this.Style.ParseStyle(s);
      }
      this.Reset = function VmTableStyle_Reset()
      {
          this.BackImageUrl = "";
          this.CellPadding = 0;
          this.CellSpacing = 0;
          this.GridLines.setValue("None");
          this.HorizontalAlign.setValue("NotSet");
          this.Style.Reset();
      }
  }
  VmTableStyle.prototype = new VmStyle();
  
  //样式辅助
  VmStyleUtil = function()
  {
      this.GetType = function VmStyleUtil_GetType()
      {
          return "VmStyleUtil";
      }
      this.ClearFontAttribute = function VmStyleUtil_ClearFontStyle(o)
      {
          var s = o.style;
          s.removeAttribute("fontWeight");
          s.removeAttribute("fontStyle");
          s.removeAttribute("textDecorationLineThrough");
          s.removeAttribute("textDecorationUnderline");
          s.removeAttribute("textDecorationOverline");
          s.removeAttribute("fontFamily");
          s.removeAttribute("fontSize");
      }
      this.ClearStyleAttribute = function VmStyleUtil_ClearStyleAttribute(o)
      {
          var s = o.style;
          s.removeAttribute("backgroundColor");
          s.removeAttribute("borderColor");
          s.removeAttribute("borderWidth");
          s.removeAttribute("borderStyle");
          s.removeAttribute("color");
          s.removeAttribute("height");
          s.removeAttribute("width");
          o.removeAttribute("class");
          this.ClearFontAttribute(o);
      }
      this.ClearTableItemStyleAttribute = function VmStyleUtil_ClearTableItemStyleAttribute(o)
      {
          var s = o.style;
          o.removeAttribute("align");
          o.removeAttribute("vAlign");
          o.removeAttribute("nowrap");
          this.ClearStyleAttribute(o);
      }
      this.ClearTableStyleAttribute = function VmStyleUtil_ClearTableStyleAttribute(o)
      {
          var s = o.style;
          s.removeAttribute("backgroundImage");
          o.removeAttribute("cellpadding");
          o.removeAttribute("cellSpacing");
          o.removeAttribute("rules");
          o.removeAttribute("align");
          this.ClearStyleAttribute(o);
      }
  }
  VmStyleUtil.prototype = new VmObject();
  var vmsu = new VmStyleUtil();
  VmStyleUtil.ClearFontAttribute = function(o)
  {
      vmsu.ClearFontAttribute(o);
  }
  VmStyleUtil.ClearStyleAttribute = function(o)
  {
      vmsu.ClearStyleAttribute(o);
  }
  VmStyleUtil.ClearTableItemStyleAttribute = function(o)
  {
      vmsu.ClearTableItemStyleAttribute(o);
  }
  VmStyleUtil.ClearTableStyleAttribute = function(o)
  {
      vmsu.ClearTableStyleAttribute(o);
  }