|
分類:[ASP.NET (VB)]
開発環境
VS2008
ASP.NET 3.5
AJAX Control Toolkit .NET 3.5 December 2013 Release Version 7.1213
こんばんは。
上記の環境で開発を行っております。ASP.NET初心者です。
今回、下記コードのようにPanelのスクロールバーを使用して、その中に[選択]ボタンのあるGridViewを配置しております。
また、上下ボタンを設置し、上下に1つずつスクロールできるようにしております。
【aspx】
<table>
<tr>
<td rowspan="2">
<asp:Panel ID="Panel2" runat="server" Height="115px" ScrollBars="Auto">
<asp:GridView ID="grd_ss" runat="server" AutoGenerateColumns="False"
Font-Names="MS ゴシック" Font-Size="11pt">
<RowStyle BackColor="White" />
<Columns>
<asp:CommandField ShowSelectButton="True" HeaderText="選択" >
<ItemStyle Width="40px" HorizontalAlign="Center" />
</asp:CommandField>
<asp:BoundField HeaderText="aaa" DataField="col1" >
<ItemStyle Width="90px" />
</asp:BoundField>
<asp:BoundField HeaderText="bbb" DataField="col2" >
<ItemStyle Width="50px" />
</asp:BoundField>
<asp:BoundField HeaderText="ccc" DataField="col3" >
<ItemStyle Width="120px" />
</asp:BoundField>
<asp:BoundField HeaderText="ddd" DataField="col4" >
<ItemStyle Width="90px" />
</asp:BoundField>
<asp:BoundField HeaderText="eee" DataField="col5" >
<ItemStyle Width="90px" />
</asp:BoundField>
<asp:BoundField HeaderText="fff" DataField="col6" >
<ItemStyle Width="190px" />
</asp:BoundField>
</Columns>
<SelectedRowStyle BackColor="Black" ForeColor="White" />
<HeaderStyle BackColor="#FFFF00" />
</asp:GridView>
</asp:Panel>
</td>
<td style="vertical-align: top">
<asp:ImageButton ID="Btn_Prev" runat="server" ImageUrl="img/up_arrow.png" />
</td>
</tr>
<tr>
<td style="vertical-align: bottom">
<asp:ImageButton ID="Btn_Next" runat="server" ImageUrl="img/down_arrow.png" />
</td>
</tr>
</table>
【vb】
Private Sub Btn_Prev_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles Btn_Prev.Click
Dim idx As Integer = grd_ss.SelectedIndex
If idx > 0 Then
grd_ss.SelectedIndex = grd_ss.SelectedIndex - 1
End If
End Sub
Private Sub Btn_Next_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles Btn_Next.Click
Dim idx As Integer = grd_ss.SelectedIndex
If idx + 1 < grd_ss.Rows.Count Then
grd_ss.SelectedIndex = grd_ss.SelectedIndex + 1
End If
End Sub
そこで、ヘッダ行を固定し、かつ上下ボタンを押下した際にスクロールさせたいのですが、
なかなか参考になるサイトがなくて非常に困っております。。
もし同じようなことを実現された方がおりましたら、ご教授願えないでしょうか。
何卒、よろしくお願い致します。
|