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;
}
}第一次点击表头时,可以按照当前列进行排序,再次点击表头时,就没有反应了,查看了一下源码,结果源码发生了变化,请问各位高手,如何修改才能每次点击表头时都能按照当前列排序?谢谢!
解决方案 »
- 随机数
- Jquery 如何根据相同的元素进行排序
- 引用了日历控件可是火狐和chrome 弹出提示框提示:Calendar.setup...
- 在用JS的Window.showModalDialog()方法时,在Dialog中提交一次后,转到另一个页面后Dialog窗口的Title就显示为空了。
- 请教js继承和Ext继承方面的问题
- js获取地址栏某值
- 关于javascirpt编辑器
- 请教:在HTML中,javascript里面能不能写入其他语言,比喻:Basic,在HTML中,JavaScript能和其他语言(VbScript除外)一起用吗????? 如果能,那类
- 求打开网页弹出提示,点确定弹出新窗口代码
- 简单问题:页面参数加TR显示
- 请高手指导一下,看看我的写的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;
}