繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > asp.net gridview指定某一列滚动
- ASP.NET
- 谈谈ASP.net2.0中App_GlobalResources的用途
- .Net Framework 4.0 功能介绍
- ASP.NET教程:浅谈Asp.net实现的邮件发送引擎
- ASP.NET教程:绝对路径与相对路径的拼合方法
- ASP.NET开发电子商务网站学习经验
- ASP.NET与PHP构建web程序的方法的优缺点
- ASp.NET教程:页面传值的五种方法
- ASP.NET教程:数据缓存和输出缓存
- ASP.NET比拼PHP的测试环境
- ASP.NET MVC 2的客户端验证扩展
- ASP.NET实例:无刷新的文件上传
- ASP.NET实例: GridView删除时弹出确认对话框
- ASP.NET获取不到js写的cookie解决方法
- ASP.NET MVC教程:数据库表的增删改
- ASP.NET教程:form验证用户登录的Cookie
- 如何让.NET程序脱离.NET框架
- ASP.NET开发网站程序常见错误汇总
- C#教程:匿名类型和隐式类型变量的区别
- C#3.0教程:自动属性和扩展方法
- 使用XmlDocument读取XML节点所有数据
ASP.NET 中的 asp.net gridview指定某一列滚动
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 73 ::
收藏到网摘: n/a
gridview指定某一列滚动的asp.net实现代码。 //基本代码设计
<div id="div-datagrid">
<asp:DataGrid id="DataGrid1" runat="server" CssClass="Grid" UseAccessibleHeader="True">
<AlternatingItemStyle CssClass="GridAltRow"></AlternatingItemStyle>
<ItemStyle CssClass="GridRow"></ItemStyle>
<Columns>
<asp:BoundColumn DataField="Name" HeaderText="Name"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Address" HeaderText="Address"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="City" HeaderText="City"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="State" HeaderText="State"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Zip" HeaderText="Zip"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Random Babble"
HeaderText="Random Babble"
ItemStyle-Wrap="False"></asp:BoundColumn>
</Columns>
</asp:DataGrid>
</div>
//可以给一个按钮触发lockCol('');
function lockCol(tblID) {
var table = document.getElementById(tblID);
var button = document.getElementById('toggle');
var cTR = table.getElementsByTagName('tr'); //collection of rows
if (table.rows[0].cells[0].className == '') {
for (i = 0; i < cTR.length; i++)
{
var tr = cTR.item(i);
tr.cells[0].className = 'locked'
}
button.innerText = "Unlock First Column";
} else {
for (i = 0; i < cTR.length; i++)
{
var tr = cTR.item(i);
tr.cells[0].className = ''
}
button.innerText = "Lock First Column";
}
}
//css样式代码
/* Div container to wrap the datagrid */
div#div-datagrid {
width: 420px;
height: 200px;
overflow: auto;
scrollbar-base-color:#ffeaff;
}
/* Locks the left column */
td.locked, th.locked {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;
/*IE5+ only*/
left: expression(document.getElementById("div-datagrid").scrollLeft-2);
}
/* Locks table header 这里是表头不动,要表头动那就把这一段注释!*/
th {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;
/*IE5+ only*/
top: expression(document.getElementById("div-datagrid").scrollTop-2);
z-index: 10;
}
/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}
/* DataGrid Item and AlternatingItem Style*/
.GridRow {font-size: 10pt; color: black; font-family: Arial;
background-color:#ffffff; height:35px;}
.GridAltRow {font-size: 10pt; color: black; font-family: Arial;
background-color:#eeeeee; height:35px;}
///指定那些不动!
Sub Item_Bound(ByVal sender As Object, ByVal e As DataGridItemEventArgs) _
Handles DataGrid1.ItemDataBound
e.Item.Cells(0).CssClass = "locked"
//e.Item.Cells(1).CssClass = "locked"
End Sub
评论 (0) All
