FrozenGrid-6 .htm
<html>
<head>
<script type="text/javascript" src="FrozenGrid-6.js"></script>
<div id="good:C11_grid">
<strong>
<script type="text/javascript">
ff();
//排序方法
function sortTable() {
//省略了一些代码
ff();
}
</script>
</strong>
</div>
</head>
<body>
</body>
</html>FrozenGrid-6.js
function ff()
{
var parNode = document.createElement("table");
parNode.setAttribute("id", "tableID");
//var parNode = document.getElementById("table1");
var tableTlThead = document.createElement("thead");
var tr1 = document.createElement("tr"); //新建一个tr类型的Element节点
var td1 = document.createElement("td"); //新建一个td类型的Element节点
td1.appendChild(document.createTextNode("thead1"));
tr1.appendChild(td1);
var td1 = document.createElement("td"); //新建一个td类型的Element节点
td1.appendChild(document.createTextNode("thead2"));
tr1.appendChild(td1);
tableTlThead.appendChild(tr1);
parNode.appendChild(tableTlThead);
//定位到table上
tbody = document.createElement("TBODY");
var tr2= document.createElement("tr"); //新建一个tr类型的Element节点
var td2 = document.createElement("td"); //新建一个td类型的Element节点
td2.appendChild(document.createTextNode("1"));
tr2.appendChild(td2);
var td2 = document.createElement("td"); //新建一个td类型的Element节点
td2.appendChild(document.createTextNode("1"));
tr2.appendChild(td2);
tbody.appendChild(tr2);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("2"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("2"));
tr3.appendChild(td3);
tbody.appendChild(tr3);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("3"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("3"));
tr3.appendChild(td3);
tbody.appendChild(tr3);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("4"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("4"));
tr3.appendChild(td3);
tbody.appendChild(tr3); parNode.appendChild(tbody);
var innerHtml = parNode.outerHTML;
document.write(innerHtml);
var parNode=document.getElementById("tableID");
var firstRow = parNode.rows[0];
var cellCount = firstRow.cells["length"];
for(var i=0;i<cellCount;i++){
firstRow.cells[i].onclick = sortTable;
}
}第一次点击表头时,可以按照当前列进行排序,再次点击表头时,就没有反应了,查看了一下源码,结果源码发生了变化,请问各位高手,如何修改才能每次点击表头时都能按照当前列排序?谢谢!
<html>
<head>
<script type="text/javascript" src="FrozenGrid-6.js"></script>
<div id="good:C11_grid">
<strong>
<script type="text/javascript">
ff();
//排序方法
function sortTable() {
//省略了一些代码
ff();
}
</script>
</strong>
</div>
</head>
<body>
</body>
</html>FrozenGrid-6.js
function ff()
{
var parNode = document.createElement("table");
parNode.setAttribute("id", "tableID");
//var parNode = document.getElementById("table1");
var tableTlThead = document.createElement("thead");
var tr1 = document.createElement("tr"); //新建一个tr类型的Element节点
var td1 = document.createElement("td"); //新建一个td类型的Element节点
td1.appendChild(document.createTextNode("thead1"));
tr1.appendChild(td1);
var td1 = document.createElement("td"); //新建一个td类型的Element节点
td1.appendChild(document.createTextNode("thead2"));
tr1.appendChild(td1);
tableTlThead.appendChild(tr1);
parNode.appendChild(tableTlThead);
//定位到table上
tbody = document.createElement("TBODY");
var tr2= document.createElement("tr"); //新建一个tr类型的Element节点
var td2 = document.createElement("td"); //新建一个td类型的Element节点
td2.appendChild(document.createTextNode("1"));
tr2.appendChild(td2);
var td2 = document.createElement("td"); //新建一个td类型的Element节点
td2.appendChild(document.createTextNode("1"));
tr2.appendChild(td2);
tbody.appendChild(tr2);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("2"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("2"));
tr3.appendChild(td3);
tbody.appendChild(tr3);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("3"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("3"));
tr3.appendChild(td3);
tbody.appendChild(tr3);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("4"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("4"));
tr3.appendChild(td3);
tbody.appendChild(tr3); parNode.appendChild(tbody);
var innerHtml = parNode.outerHTML;
document.write(innerHtml);
var parNode=document.getElementById("tableID");
var firstRow = parNode.rows[0];
var cellCount = firstRow.cells["length"];
for(var i=0;i<cellCount;i++){
firstRow.cells[i].onclick = sortTable;
}
}第一次点击表头时,可以按照当前列进行排序,再次点击表头时,就没有反应了,查看了一下源码,结果源码发生了变化,请问各位高手,如何修改才能每次点击表头时都能按照当前列排序?谢谢!
解决方案 »
- js如何获取客户端传递的用户名
- 表单嵌套 JS 提交 问题
- 求一个正则表达式!!!!!!!!!!
- 请教创建和删除一个div的一个问题
- 高手请进:script标记的src的URL编码问题
- 怎样使一个不可用的复选框恢复可用?
- jsp中javascript能引用struts标签库吗?
- 请问网站每行文字下面自动加一条虚线是怎么实现的
- 为什么一张页面中有两个表单后第一个表单的reset按钮就不起作用了?
- 使用VBScript调用CreateObject错误,err值为429,请问是什么意思 ?
- 请高手指导一下,看看我的写的JavaScript脚本对不 !!!!!!!!!!!!
- 高手请进,看看这个JS怎么改。
document.write(innerHtml);把innerHtml变为全局变量,然后在body中输出,而不是在函数中调用document.write(innerHtml);
<head>
<script type="text/javascript" src="FrozenGrid-6.js"></script>
<div id="good:C11_grid">
<strong>
<script type="text/javascript">
var innerHtml;
ff();
//排序方法
function sortTable() {
//省略了一些代码
ff();
}
</script>
</strong>
</div>
</head>
<body>
<script type='text/javscript'>
document.write(innerHtml);//执行添加函数处理
AddEvent();
</script>
</body>
</html>FrozenGrid-6.js
function ff()
{
var parNode = document.createElement("table");
parNode.setAttribute("id", "tableID");
//var parNode = document.getElementById("table1");
var tableTlThead = document.createElement("thead");
var tr1 = document.createElement("tr"); //新建一个tr类型的Element节点
var td1 = document.createElement("td"); //新建一个td类型的Element节点
td1.appendChild(document.createTextNode("thead1"));
tr1.appendChild(td1);
var td1 = document.createElement("td"); //新建一个td类型的Element节点
td1.appendChild(document.createTextNode("thead2"));
tr1.appendChild(td1);
tableTlThead.appendChild(tr1);
parNode.appendChild(tableTlThead);
//定位到table上
tbody = document.createElement("TBODY");
var tr2= document.createElement("tr"); //新建一个tr类型的Element节点
var td2 = document.createElement("td"); //新建一个td类型的Element节点
td2.appendChild(document.createTextNode("1"));
tr2.appendChild(td2);
var td2 = document.createElement("td"); //新建一个td类型的Element节点
td2.appendChild(document.createTextNode("1"));
tr2.appendChild(td2);
tbody.appendChild(tr2);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("2"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("2"));
tr3.appendChild(td3);
tbody.appendChild(tr3);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("3"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("3"));
tr3.appendChild(td3);
tbody.appendChild(tr3);
var tr3= document.createElement("tr"); //新建一个tr类型的Element节点
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("4"));
tr3.appendChild(td3);
var td3 = document.createElement("td"); //新建一个td类型的Element节点
td3.appendChild(document.createTextNode("4"));
tr3.appendChild(td3);
tbody.appendChild(tr3); parNode.appendChild(tbody);innerHtml = parNode.outerHTML;
}
}
function AddEvent()//将你的事件处理提取出来
{
var parNode=document.getElementById("tableID");
var firstRow = parNode.rows[0];
var cellCount = firstRow.cells["length"];
for(var i=0;i<cellCount;i++){
firstRow.cells[i].onclick = sortTable;
}