C# と VB.NET の質問掲示板

わんくま同盟

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト


(過去ログ 123 を表示中)
■73278 / )  GridViewのヘッダ行固定、ボタンによる自動スクロール
□投稿者/ スカーレット (13回)-(2014/09/05(Fri) 21:31:33)

分類:[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



そこで、ヘッダ行を固定し、かつ上下ボタンを押下した際にスクロールさせたいのですが、
なかなか参考になるサイトがなくて非常に困っております。。

もし同じようなことを実現された方がおりましたら、ご教授願えないでしょうか。
何卒、よろしくお願い致します。

返信 編集キー/


管理者用

- Child Tree -