GridView自动生成列后模板列显示位置调整的解决办法

详细内容

首页 >> 技术文档 >> .net编程 >> 正文

[关闭窗口]

发布日期：2012-02-17 点击：4063 字体：[大中小]

如果不做调整，GridView在自动生成列后，模板列总是显示在自动生成列前面，但有时出于特殊需要，必须显示在自动生成列后面，怎么办哪，下面通过javaScript可以很好的解决这个问题：

页面代码：

[c-sharp]

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" language="javascript"><!--
//由于加上MasterPage后Gridview生成的Table的ID会变化，这里加上一个方法获取生成的Table的ID
function getGridViewId()//获取Gridview的ID
{
var id;
var tb = document.getElementsByTagName("table");
for(var i=0;i<tb.length;i++)
{
if(tb[i].id.indexOf("GridView1")!=-1)
{
id = tb[i].id;
break;
}
}
return id;
}
//页面加载完成后隐藏第一列，同时在每一行增加一列
window.onload=function()
{
var tb = document.getElementById(getGridViewId());//获取Table
for(var i=0;i<tb.rows.length;i++)//循环Table每一行
{
if(tb.rows[i].cells.length<=1) break;//防止分页出现tb.rows[i].cells[0]为空情况，这里要看分页怎么做，然后做相应的修改
var firsttd = tb.rows[i].cells[0].cloneNode(true);//克隆第一列（模板列）
var newtd = tb.rows[i].insertCell();//插入一个新列
newtd.replaceNode(firsttd);//把新列用克隆的第一列置换掉
tb.rows[i].cells[0].style.display="none";//隐藏第一列
tb.rows[i].cells[tb.rows[i].cells.length-1].style.display="block";//设定新列显示
}
}
// --></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true" DataSourceID="ObjectDataSource1" Width="100%" OnRowCommand="GridView1_RowCommand">
<Columns>……//省略GridView代码