可编辑的 HTML JavaScript 表格控件 DataGrid
<%@ page c language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transiti c>
<title>无标题文档</title>
<script language=javascript1.2>
/*
*====================================================================================================================
*/
//定义全局的表格行列值
var col = 5;
var row = 2;
//currRowIndex 选定行
var currRowIndex = 0;
//表单域数组(这部分作废)-----------------
var elementNames = new Array(col);
var k = 0;
for(k=0;k<col;k++)
elementNames[k] = k;
//---------------------------------------
//标题头数组
var headers = new Array(col);
for(k=0;k<col;k++)
{
headers[k] = "第" + k + "列";
}
//columnPropertys : 装载要创建的列读写属性
var colPropertys = new Array(col)
for(k=0;k<10;k++)
colPropertys[k] = 1;
colPropertys[0] = 0;
//colDefaultValues : 代表每次增加行的时候需要装入的默认值
var colDefaultValues = new Array(col);
for(k=0;k<col;k++)
{
if(k%2==0)
colDefaultValues[k] = "o";
else
colDefaultValues[k] = "j"; //代表这个不是默认值
}
//dataArray : 需要修改的数据集,修改之前预先装入,供用户参考
var dataArray = new Array(row*col);
var m=0,n=0;
for(m=0;m<row;m++)
{
for(n=0;n<col;n++)
{
dataArray[m*col + n] ="array(" + m + "," + n + ")"; //注意这里代表2维数组
}
}
/*
*====================================================================================================================
*/
var oPopup = window.createPopup();
//创建一个公共的可编辑的表格
//参数:
// formName : 表单名
// actihidden\" name=\"col" + (i+1) + "\" >";
}
str+="<input type=hidden name=\"acti;
for(j=1;j<=colNum;j++)
{
colStr += "<td ;
}
colStr +="</tr>";
}
return colStr;
}
//把某行转变为输入状态
functi) //j代表该列不能装入默认值
str += "value=http://www.dedecms.com/"" + objTR.cells[i].innerText + "\"";
else//否则装入默认值
str += "value=http://www.dedecms.com/"" + colDefaultValues[i-1] + "\"";
//控制控件的读写属性
if(colPropertys[i-1] == 0)
{
str += " disabled ";
}
str += "/>";
objTR.cells[i].innerHTML = str;
}
objTR.)
tmpStr = " "
objTR.cells[i].innerHTML = tmpStr + " ";
c || tmpStr=="")
{
if(objTR.cells[i].innerHTML!="")
tmpStr += objTR.cells[i].innerHTML;
else
tmpStr += " ";
}
objTR.cells[i].innerHTML = tmpStr;
if(objTR.cells[i].innerHTML=="")
objTR.cells[i].innerHTML=" ";
}
}
//对表格指定列进行排序
functi;
currRowIndex = objTR.rowIndex;
}
//删除指定的行
functi;
style.border="solid black 1px";
style.f)
{
c)
{
c value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050530/InsertRow">
<input type="butt value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050530/DeleteRow">
<input type="butt value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050530/submit">
<input type="butt value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050530/Delete Spec Row">
<input type="butt value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050530/order Spec Col">
</body>
</html>
<script language="javascript1.2">
CreateTable(''specForm'',''1'',''sub.jsp'',''tableId'',col,row);
</script>
欢迎您访问www.5ucms.org
上一篇:5ucms插件,JavaScript学习:删除数组元素 下一篇:5ucms教程,如何在网页中调试JavaScript |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms培训,可编辑的 HTML JavaScript 表格控件 DataGrid的关键词: |