datagrid.htc

HTC,demo WEB用于。 超大型

<!--///////////////////////////////////////////////////////////////////////
    //  Module Name: DataGrid     ///////////////////////////////////////////////////
    //       Author: hzh	        ///////////////////////////////////////////////////
    //		   Date: 2005-01-04   ///////////////////////////////////////////////////
    ///////////////////////////////////////////////////////////////////////-->
<public:component name="DataGrid" urn="DataGrid" lightweight="true">
      
<public:property name="titleXML" get="getTitleXML" put="putTitleXML" />//DataGrid标题数据源
<public:property name="dataXML" get="getDataXML" put="putDataXML" />//DataGrid数据源

<!-- DataGrid整体位置、样式    -->
<public:property name="left" value="10" put="putLeft" />
<public:property name="top" value="10" put="putTop" />
<public:property name="width" value="200" put="putWidth" />
<public:property name="height" value="250" put="putHeight" />

<public:property name="init" put="initialize"/>//组件初始化

<script language="JavaScript">

	var objXMLDoc = null;			//DataGrid的数据源对象
	var objXMLTitle = null;		    //DataGrid的标题数据源对象
	
	function __DataGrid(){
		this.__DataGridContainers = createDataGridContainers();//容器对象
		this.__DataGridTitleContainers = createDataGridTitleContainers();
		this.__DataGridContainers.appendChild(this.__DataGridTitleContainers);
		with(this.__DataGridContainers.style){
			left = this.__Left;
			top = this.__Top;
			width = this.__Width;
			height = this.__Height;
		}
		
		with(this.__DataGridTitleContainers.style){
			width = this.__Width - 2;
		}
	}
	
	__DataGrid.prototype.__Left = 10;
	__DataGrid.prototype.__Top = 10;
	__DataGrid.prototype.__Width = 200;
	__DataGrid.prototype.__Height = 150;
	
	function createDataGridContainers(){// 创建DataGrid容器对象
		var objContainersDiv = element.document.createElement("<div class='phms_DataGrid_Containers'>");
		objContainersDiv = element.appendChild(objContainersDiv);
		return objContainersDiv;
	}	
	
	function createDataGridTitleContainers(){// 创建DataGrid标题对象容器
		var objContainersDiv = element.document.createElement("<div class='phms_DataGrid_Title_Containers'>");
		return objContainersDiv;
	}
	
////////////////////////////////////////////////////////////////

	function initialize(){// DataGrid组件初始化
		new __DataGrid();
	}

	function put(argLeft){// DataGrid Left
		__DataGrid.prototype.__Left = argLeft;
	}
	
	function putTop(argTop){// DataGrid Top
		__DataGrid.prototype.__Top = argTop;
	}
	
	function putWidth(argWidth){// DataGrid Width
		__DataGrid.prototype.__Width = argWidth;
	}
	
	function putHeight(argHeight){// DataGrid Height
		__DataGrid.prototype.__Height = argHeight;
	}
	
</script>
</public:component>