请问:Panel里面放个GridView,Scroll=Auto;怎么自动使Panel滚动条移动?
<asp:Panel ScrollBars="Auto" Height="500" runat="server" ID="Panel1">
<asp:GridView ID="GridViewList1" runat="server" BackColor="White" BorderColor="White" BorderWidth="2px" CellPadding="3" GridLines="None" OnLoad="GridViewList1_Load" BorderStyle="Ridge" CellSpacing="1" OnRowDataBound="GridViewList1_RowDataBound">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<SelectedRowStyle BackColor="#9471DE" ForeColor="White" Font-Bold="True" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
</asp:GridView>
</asp:Panel>
==
TextBox
输入1 选中第一行
输入99 选中99行
显然99行是看不到的
怎么让Panel滚动条移动让99条可以看到?
只知道基本是对位置进行设置!但具体还没解决!望帮忙~~
<asp:Panel ScrollBars="Auto" Height="500" runat="server" ID="Panel1">
<asp:GridView ID="GridViewList1" runat="server" BackColor="White" BorderColor="White" BorderWidth="2px" CellPadding="3" GridLines="None" OnLoad="GridViewList1_Load" BorderStyle="Ridge" CellSpacing="1" OnRowDataBound="GridViewList1_RowDataBound">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<SelectedRowStyle BackColor="#9471DE" ForeColor="White" Font-Bold="True" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
</asp:GridView>
</asp:Panel>
==
TextBox
输入1 选中第一行
输入99 选中99行
显然99行是看不到的
怎么让Panel滚动条移动让99条可以看到?
只知道基本是对位置进行设置!但具体还没解决!望帮忙~~
<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容
</div>
<input type=button onclick="Panel1.scrollTop = Panel1.scrollHeight"/>
{
var gridview = document.getElementById("GridView1");
var top = parseInt(gridview.rows[0].offsetHeight) * index;
document.getElementById("Panel1").scrollTop = top;
}随便写了一个,试试
<input type="text" id="id" />
<input type="button" value="click me" onclick="test(document.getElementById('id').value)" />
<asp:Panel ScrollBars="Auto" Height="500" runat="server" ID="Panel1">
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</asp:Panel>
<table id="GridView1">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
<tr><td>11</td></tr>
</table>
</div>
<input type=button onclick="GridView1.rows[10].scrollIntoView(true)"/>里面的10可以换成99
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
<!-- function Button1_onclick()
{
var id = "a" + document.getElementById("txt").value;
var obj = document.getElementById(id);
if(obj!=null)
{
obj.click();
}
} // -->
</script></head>
<body>
<input id="txt" type="text" />
<input id="Button1" type="button" value="button" language="javascript" onclick="return Button1_onclick()" /><br />
<hr />
<div id="dv" style="height: 50px; overflow-y: scroll;">
<a id="a1" href="#a1">a1</a> --<a name="a1"></a>
<p>
</p>
<p>
</p>
<p>
</p>
<a id="a2" href="#a2">a2</a> --<a name="a2"></a>
<p>
</p>
<p>
</p>
<p>
</p>
<a id="a3" href="#a3">a3</a> --<a name="a3"></a>
<p>
</p>
<p>
</p>
<a id="a4" href="#a3">a4</a> --<a name="a4"></a>
</div>
</body>
</html>
恩 scrollIntoView这个好 学到了
=====
你的也不错 从根本解决 不过还没试出来
孟子的已经搞好了 !
谢谢2位
我知道你的意思
是计算每行的高度
然后算共多少行
还在调试~
原理是什么?还没整明白
原理是什么?
_________________________________________
比如,<a id="a1" href="#a1">a1</a>被点击时,就会定位到<a name="a1"></a>所在位置;所以你的GridView每行隐藏一个“<a id="aN" href="#aN"></a> <a name="aN"></a>”就可以定位到相应的位置(N为你的行号)。