gridview CommandField Update＆amp;取消IE上的图片

Question

我正在使用Gridview。

我的代码是：

<asp:GridView ID="gvReceivers" runat="server" AutoGenerateColumns="False" 
    BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" 
    CellPadding="2" ForeColor="Black" GridLines="None"
    OnRowEditing="RowEditing" Font-Size="Medium" 
    OnSelectedIndexChanging="gvReceivers_SelectedIndexChanging" 
    onrowcancelingedit="gvReceivers_RowCancelingEdit" 
    onrowdeleting="gvReceivers_RowDeleting" 
            onrowupdating="gvReceivers_RowUpdating">
    <FooterStyle BackColor="Tan" />
        <Columns>
            <asp:CommandField ShowEditButton="True" ButtonType="Image"
                CancelImageUrl="~/Images/Cancel.png" UpdateImageUrl="~/Images/save.png"
                EditImageUrl="~/images/Edit.png" ItemStyle-Width="25px"
                UpdateText="Update" CancelText="Cancel" />
    <asp:CommandField ShowDeleteButton="true" 
                DeleteImageUrl="~/Images/delete.png" ButtonType="Image"
        ItemStyle-Width="25px" />
    <asp:TemplateField>
        <ItemTemplate>
        <asp:ImageButton runat="server" ID="imgSelect" 
                        CommandName="Select" AlternateText="Select"
            ImageUrl="~/Images/allowed.png" />
        </ItemTemplate>
    </asp:TemplateField>

现在，我点击编辑图片。更新＆amp;取消图像＆amp;活动即将到来。但问题出在IE Update＆amp;取消图片即将出现＆amp;下。它在Mozila＆amp; amp; chrome.check下图。

Answer 1

这很简单，只需添加ItemStyle-Wrap =＆＃34; false＆＃34;在你的专栏中。

Answer 2

似乎您没有为ItemTemplate提供任何宽度，您可以选择两个单独的ItemTemplate，或者您也可以使用单个<asp:TemplateField HeaderText="ColumnHeader"> <EditItemTemplate> //You controls </EditItemTemplate> <ItemStyle Width="30%" /> 。

{{1}}

* 编辑* 您可以按照此link并相应地更新代码。如果卡在任何地方那么你可以问我。在这里，我们可以指导你，但你必须做的主要任务。

Answer 3

正如Dorel Domocos建议的那样，我设法使用 CommandField 中的 ItemStyle Wrap 来解决换行问题。

例如：

<asp:CommandField ButtonType="Image" ShowEditButton="True" EditImageUrl="~/images/edit.png" CancelImageUrl="~/images/cancel.png" UpdateImageUrl="~/images/update.png" ItemStyle-Wrap="false" >
    <ItemStyle Wrap="False" Width="48px"></ItemStyle>
</asp:CommandField>

它可以位于带有属性ItemStyle-Wrap="false"的 CommandField 上，也可以带有带有Wrap="False"属性的 ItemStyle 元素。

生成的结果具有white-space:nowrap; CSS样式，处于编辑模式时具有以下内容：

<td style="width:48px;white-space:nowrap;">
    <input type="image" name="GridView1$ctl02$ctl00" src="images/update.png" alt="Update">
    &nbsp;
    <input type="image" src="images/cancel.png" alt="Cancel" onclick="javascript:__doPostBack('GridView1','Cancel$0');return false;">
</td>

希望它有所帮助。

Answer 4

<asp:TemplateField>
        <ItemTemplate>
        <asp:ImageButton runat="server" ID="imgSelect" 
                        CommandName="Select" AlternateText="Select"
            ImageUrl="~/Images/allowed.png" />
        </ItemTemplate>
 <ItemStyle Width="30%" />
    </asp:TemplateField>