繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > asp.net gridview指定某一列滚动
- ASP.NET
- ASP.NET下MVC设计模式的实现
- ASP.NET中利用cookies保持客户端信息
- 有关TextBox中输入字符控制的一种解决办法
- ASP.NET访问Oracle数据库的方法
- 追踪ASP.NET代码里的bug
- 在asp.net中为Web用户控件添加属性和事件
- 使用.NET实现断点续传
- ASP.NET Whidbey中实现Provider
- 使用函数传递参数来执行数据库操作
- ASP.NET中实现模版的动态加载
- 用Repeater控件显示数据
- 五种常见的ASP.NET安全缺陷
- 利用Treeview实现树形列表
- 将Asp.net页面输出为HTML
- 不走寻常路 设计ASP.NET应用程序的七大绝招
- ASP.NET中的HTTP模块和处理程序
- 充分利用ASP.NET的三种缓存提高站点性能
- 在ASP.NET中使用Treeview控件和XML
- ASP.NET+XML Web服务客户端创建Web服务
- ASP.NET中不定级动态菜单的实现
ASP.NET 中的 asp.net gridview指定某一列滚动
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 97 ::
收藏到网摘: 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
