【Visual Studio、ASP.NET、C#、IE8の活用】
更新パネル内にかなり標準的なグリッドビューがあります。MasterPage の Scriptmanager。UpdatePanel は UpdateMode: Always に設定されます。
ただし、SQLデータベースへの追加とデータバインド機能がスムーズで、グリッドビューに新しい行が追加されているだけで、かなりスムーズになりました。[削除]すると、行がすぐに削除され、グリッドビューの下にある入力送信テーブルが自動的に上に移動して、現在欠落している行を埋めます。
これらすべての機能の間、ビューは基本的に同じ場所にとどまり、スムーズな操作を実現します。
ただし、GridView の Gridview > Edit Columns > CommandField > Edit、Update、Cancel ボタンを使用すると、[Edit] をクリックすると、ページが 10 行ほど上にシャッフルされるようです。次に[キャンセル]を押すと、5行ほど下にドロップします。【更新】も同様です。各提出物を編集することは、自分の場所を何度も見つけるだけのタスクになります.
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="asdfasdf" Width="1200px" DataKeyNames="pk_id" CellPadding="4"
ForeColor="#333333" GridLines="None">
<RowStyle BackColor="#EFF3FB" />
<Columns>
<asp:CommandField ButtonType="Button" ShowEditButton="True">
<HeaderStyle Width="5%" />
</asp:CommandField>
<asp:BoundField DataField="question" HeaderText="Question"
SortExpression="question" >
<HeaderStyle Width="35%" />
</asp:BoundField>
<asp:BoundField DataField="answer_A" HeaderText="Choice A"
SortExpression="answer_A" >
<HeaderStyle Width="10%" />
</asp:BoundField>
<asp:BoundField DataField="answer_B" HeaderText="Choice B"
SortExpression="answer_B" >
<HeaderStyle Width="10%" />
</asp:BoundField>
<asp:BoundField DataField="answer_C" HeaderText="Choice C"
SortExpression="answer_C" >
<HeaderStyle Width="10%" />
</asp:BoundField>
<asp:BoundField DataField="answer_D" HeaderText="Choice D"
SortExpression="answer_D" >
<HeaderStyle Width="10%" />
</asp:BoundField>
<asp:BoundField DataField="answer_E" HeaderText="Choice E"
SortExpression="answer_E" >
<HeaderStyle Width="10%" />
</asp:BoundField>
<asp:BoundField DataField="correct_answer" HeaderText="Answer"
SortExpression="correct_answer" >
<HeaderStyle Width="5%" />
</asp:BoundField>
<asp:CommandField ButtonType="Button" ShowDeleteButton="True">
<HeaderStyle Width="5%" />
</asp:CommandField>
</Columns>
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerTemplate>
asd
</PagerTemplate>
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<AlternatingRowStyle BackColor="White" />