|  | 分類:[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
そこで、ヘッダ行を固定し、かつ上下ボタンを押下した際にスクロールさせたいのですが、
なかなか参考になるサイトがなくて非常に困っております。。
もし同じようなことを実現された方がおりましたら、ご教授願えないでしょうか。
何卒、よろしくお願い致します。
 |