Question

我在GridView中有一个ButtonType链接的命令字段。产生的标记类似于;

<a href="javascript:__doPostBack('ctl00$GridView','Edit$0')">Edit</a>&nbsp;
<a href="javascript:__doPostBack('ctl00$GridView','Delete$0')">Delete</a>

如何摆脱 导致我的风格出现问题。

Answer 1

使用模板字段而不是命令字段;

<asp:TemplateField HeaderText="Actions">
      <ItemTemplate>
         <asp:LinkButton runat="server" CommandName="Edit" Text="Edit" />
         <asp:LinkButton runat="server" CommandName="Delete" Text="Delete" />
      </ItemTemplate>
 
  </asp:TemplateField>

Answer 2

不是精确的解决方案，而是一种解决方法......

我有同样的问题，因为我需要使用 CommandField （而不是 TemplateField ），我设法使用来解决换行问题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>

它可以位于 CommandField 属性ItemStyle-Wrap="false"上，也可以位于具有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>

希望它有所帮助。

GridView CommandField删除不间断的空格

2 个答案: