📄 gridtestpage.htm

📁 Windows Web脚本开发指南/(美) Dan Heflin, Todd Ney著的源码
💻 HTM
字号:
<html>
<head>
<title>Grid Text Page</title>
<style>
  .grid { behavior:url(grid.htc) ; }
</style>
</head>
<script language="JScript">
function initPage(){
//	objGrid.colHeader(2) = "What ever";
}
function addRow(rowIndex){
	objGrid.insertRow(rowIndex);
}
function setNumberColumns(cols){
	objGrid.cols = cols;
}
function getCellData(){
alert("Cell(1,1) data = " + objGrid.column(1,1));
objGrid.column(1,2) = "Hello there";
}
function setDataValue(data){
	objGrid.column(1,1) = data;
}
function getShowColHdr(){
	if (objGrid.showColHeaders)
	objGrid.showColHeaders = "false"
	else 
	objGrid.showColHeaders = "true"
}
function deleteRow(rowIndex){
	objGrid.deleteRow(rowIndex);
}
function getNumberofRows(){
	alert("Number of rows in table: " + objGrid.rows);
}
function getTableData(){
var x;
	x = objGrid.getGridData()
	if (x != null)
		alert("Data : " + x[2]);
}
function loadGrid(){
var data = new Array("23232", "rqwerqwer", "sFGG", "", "34", "gggg");
	objGrid.loadGridData(data);
}
function gridWidth(){
	objGrid.width = "50%";
}
function gridHeight(){
	objGrid.height = "100";
}
function startEdit(){
//	alert("Data: " + window.event.data);
//	window.event.result = false;
}
function endEdit(){
//	alert("Data: " + window.event.data);
//	window.event.result = false;
}
function setFocus(){
	objGrid.editColumnData(1,1);
}
function setColumn(){
	objGrid.colHeader(1) = "Column 1";
}
function getColumn(){
	alert("Column 1 = " + objGrid.colHeader(1));
}
function addColHdrs(data){
	objGrid.colHeaders = data;
}

</script>
<body onload="initPage()" >
<div class="grid" id="objGrid"  width="100" editable="trUe" showColHeaders="trfue"
   onStartEdit="startEdit()" onEndEdit="endEdit()"></div>
<br>
<br>
Insert Before Row: <input type="test" id="txtRowNum"><input type="button" value="Add Row" name="B3" onclick="addRow(txtRowNum.value)">
<br>
Number of Columns: <input type="test" id="txtCols">
<input type="button" value="Set Columns" name="btnCols" onclick="setNumberColumns(txtCols.value)">
<br>
Enter Data in 1,1 <input type="test" id="txtDataValue"><input type="button" value="Set Data Values" name="btnSetData" onclick="setDataValue(txtDataValue.value)">
<br>
Delete Row: <input type="test" id="txtDeleteRow"><input type="button" value="Delete Row" name="btnDeleteRow" onclick="deleteRow(txtDeleteRow.value)">
<br>
Column Headers <input type="text" name="txtColHdrs" size="40"><input type="button" value="Set Column Headers" name="btnSetColHdrs" onclick="addColHdrs(txtColHdrs.value)">
<p>
<input type="button" value="Get Cell Data" name="btnCell" onclick="getCellData()">
<input type="button" value="Show Col Headers" name="btnShowColHdr" onclick="getShowColHdr()">
<input type="button" value="Number Of Rows" name="btnRows" onclick="getNumberofRows()">
<input type="button" value="Get Table Data" name="btngetData" onclick="getTableData()">
<input type="button" value="Load Grid" name="btnloadGrid" onclick="loadGrid()">
<input type="button" value="Set Width" name="btnWidth" onclick="gridWidth()">
<input type="button" value="Set Height" name="btnHeight" onclick="gridHeight()">
<input type="button" value="Set Focus (1,1)" name="btnFocus" onclick="setFocus()">
<input type="button" value="Set the First Column Header" name="btnSetColumn" onclick="setColumn()">
<input type="button" value="Get the First Column Header" name="btnGetColumn" onclick="getColumn()">
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -