繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > asp.net gridview指定某一列滚动
- ASP.NET
- 现有的Web打印控制技术的方案
- 一段实现DataGrid的“编辑”、“取消”功能脚本
- .Net中将图片数据保存到XML文档
- 如何在C#的WinForm中制作饼状图和柱状图
- 在RichTextBox控件加入图片
- C#写的数据库操作类！
- 使用响应文件编译C#源文件
- 在 Visual Basic .NET 中实现后台进程(一)
- 在 Visual Basic .NET 中实现后台进程(二)
- 在 Visual Basic .NET 中实现后台进程(三)
- 用C#写vs插件中的一些Tip
- C++编程人员容易犯的10个C#错
- 在Repeater中嵌套使用Repeater
- Project级别的权限控制
- 一个FTP客户端的C#代码
- 用c#写的smtp邮件发送类
- 挤压造型Extrusion的节点说明和应用实例
- .net 里面 protected private 的变量也可以访问
- signlog 登陆实现
- 利用自定义事件实现不同窗体间的通讯 -- C#篇
ASP.NET 中的 asp.net gridview指定某一列滚动
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 87 ::
收藏到网摘: 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
