单击“编辑命令控件”时，GridView样式会丢失

Question

我有一个几乎完美的 GridView，直到单击编辑命令控件。然后列的宽度变得更宽并且非常不对齐。是什么导致了这种行为？

编辑前

编辑后

编辑问题：

单击“编辑”时，可编辑列的已连接，其中包含TextBox控件，如以下代码段所示：

(TextBox)GridView2.Rows[e.RowIndex].Cells[7].Controls[0]

基于this question,我有点弄清楚，当Row_Editing事件被触发时，样式可能没有被触发。但我不确定上面的TextBox控件是否背后的罪魁祸首......

Answer 1

为什么不尝试分配图像并稍后向它们添加命令，而不是添加通用的编辑/更新。

      <asp:TemplateField HeaderText="">
                        <HeaderStyle CssClass="gvProvFooterStyle" />
                        <ItemStyle CssClass="gvProvFooterStyle" />
                        <FooterStyle CssClass="gvProvFooterStyle footerRow" />
                        <EditItemTemplate>
                            <asp:ImageButton ID="ibtnUpdate" runat="server" CommandName="Update" CausesValidation="true" OnClientClick="ValidateEdt();" ValidationGroup="onUpdate" ImageUrl="~/images/abc.png" CssClass="imagebuttons ibtnStyle" />
                            <asp:ImageButton ID="ibtnCancel" runat="server" CommandName="Cancel" CausesValidation="false" ImageUrl="~/images/abc.png" CssClass="imagebuttons" />
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:ImageButton ID="ibtnEdit" runat="server" CommandName="Edit" CausesValidation="false" ImageUrl="~/Content/Images/black-edit-24.ico" CssClass="imagebuttons ibtnStyle" />
                            <asp:ImageButton ID="ibtnDelete" runat="server" CommandName="Delete" CausesValidation="false" ImageUrl="~/images/abc.png" CssClass="imagebuttons" />
                        </ItemTemplate>
                    </asp:TemplateField>

然后根据您的需要为它们分配宽度。要回答您的问题，您尚未将样式应用于修改项目模板，只是项目模板。