表格列头设置排序功能
来源:互联网 发布:贪吃蛇c语言代码下载 编辑:程序博客网 时间:2024/06/06 06:23
1、首先在超文本中,><img src="up.gif" border=0>是动态的,是升序就显示up.gif,否则显示down.gif,并且下次可能就是col_2中显示这个图片了
<table ><th>
<td onclick="JavaScript:sortCol();" title="排序" nowrap><span id = col_1 > col_1</span><img src="up.gif" border=0></td>
<td onclick="JavaScript:sortCol();" title="排序" nowrap><span id = col_2 > col_2</span></td>
<td onclick="JavaScript:sortCol();" title="排序" nowrap><span id = col_3 > col_3</span></td>
</th>
------</table>
2、function sortRows()
{
var myObj = window.event.srcElement;
var order = "ASC";
if ( myObj .tagName.toLowerCase() != "td" )
{
myObj = myObj .parentNode;
}
if ( myObj .childNodes.length > 1 )
{
with( myObj .childNodes(1) )
{
if ( tagName.toLowerCase() == "img" && src = "up.gif" )
{
order = "DESC";
}
}
}
document.getElementsByName("sortField")[0].value = myObj .childNodes(0).id + " " + order;
myForm.submit();
}
3、提交到服务器后,在服务器上产生1处的超文本!从而实现了排序并且显示一个小的可以向上向下的小三角符号!
- 表格列头设置排序功能
- ListView点击列头排序功能实现
- MVC显示表格,点击列头可以排序
- 重写ListView控件,实现点击列头排序的功能
- [WPF]ListView点击列头排序功能实现
- HTML中点击TABLE列头实现排序功能
- javascript表格列排序
- JTable表格头右键菜单实现列标题隐藏显示功能
- Vue 固定头 固定列 点击表头可排序 表格组件
- Ext实现表格列头冻结效果,锁定列头
- ListView点击列头排序
- ListView点击列头排序
- gridview点击列头排序
- JS 实现表格列排序
- 表格列拖动及排序
- gridview列排序功能
- datagridview 列头样式设置
- 20140122-DataGridView列头设置
- 微软亚洲研究院的压力管理
- owc 连接sql做图
- java中如何生成缩略图
- 今天我们NIAP小组成立了,hoho
- 时时给自己一点感动
- 表格列头设置排序功能
- 在VC++6.0中使用气泡提示
- 任意位置选择DataGrid的行
- 任意位置选择DataGrid的行
- 错过一时,错过一生!
- 无刷新取得远程数据几种技术
- 传了几张照片上来
- AJAX简介
- DataGrid使用