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