Question

注意：当我将带有编辑删除图像的操作列添加到Telerik网格中时，整个网格会受到干扰，如屏幕截图所示。

仅当我想添加操作列时才会出现这种情况。

任何帮助都会受到高度赞赏。

谢谢

<telerik:radgrid id="RadGrid1" runat="server" pagesize="20" width="100%"
            autogeneratecolumns="False">
             <MasterTableView Name="MasterView1" DataKeyNames="Regid" AllowMultiColumnSorting="false">
                     <ItemStyle CssClass="GridRow1" />
                            <AlternatingItemStyle CssClass="GridRow2" />  
    <Columns>
      <telerik:GridTemplateColumn HeaderText="Action" DataField="Regid" UniqueName="CkboxDelKey" HeaderStyle-CssClass="LeftGridHeader">
       <ItemTemplate>
                              <nobr>
                                             <asp:ImageButton ID="btnNoteEdit" ToolTip="Edit Goal" ImageUrl="images/EmailAlertEdit.png"
                                                  CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Regid") %>' CommandName="UpdateKeyResult"
                                                runat="server" />
                                            <ItemStyle Width="90px" />

                                            &nbsp;
                                            <asp:ImageButton ID="btnDel" ToolTip="Delete Goal" ImageUrl="images/EmailAlertDelete.png"
                                                CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Regid") %>' CommandName="DelNote" OnClientClick="javascript:return confirm('Are you sure you want to Delete?');"
                                                 runat="server" />

                                            <ItemStyle Width="90px" />
                                            &nbsp;
                                        </nobr>
                                       </ItemTemplate>
                                </telerik:GridTemplateColumn>

                                <telerik:GridBoundColumn DataField="LastName" HeaderText="LastName" HeaderStyle-CssClass="GridHeader"
                                    SortAscImageUrl="images/EmailAlertsGridAsc.png" SortDescImageUrl="images/EmailAlertGridDesc.png"
                                    SortExpression="LastName" UniqueName="LastName">
                                    <ItemStyle Width="90px" />
                                </telerik:GridBoundColumn>

                                <telerik:GridBoundColumn DataField="Firstname" HeaderText="Firstname" HeaderStyle-CssClass="GridHeader"
                                    SortAscImageUrl="images/EmailAlertsGridAsc.png" SortDescImageUrl="images/EmailAlertGridDesc.png"
                                    SortExpression="Firstname" UniqueName="Firstname">
                                    <ItemStyle Width="90px" />
                                </telerik:GridBoundColumn>

                               <%-- <telerik:GridBoundColumn DataField="KeyResult" HeaderText="Key Result Score" HeaderStyle-CssClass="GridHeader"
                                    SortAscImageUrl="images/EmailAlertsGridAsc.png" SortDescImageUrl="images/EmailAlertGridDesc.png"
                                    SortExpression="KeyResult" UniqueName="KeyResult">
                                    <ItemStyle Width="80px" />
                                </telerik:GridBoundColumn>--%>
                                </Columns>
                            </MasterTableView>
         </telerik:radgrid>

Answer 1

您期望它做什么？在它的核心，RadGrid只是一个包含行和列的表元素。如果您向其中一行添加一个单元格，它将看起来不正确。我建议为每一行创建一个GridTemplateColumn，并决定是否在这个单元格中显示按钮。

Telerik网格因行动栏

1 个答案: