Question

我在Telerik的RadGrid（AJAX）上遇到了分页系统的问题。首先看一下这个截图：

如您所见，First / Last Prev / Next按钮在那里，但它们上没有标记。此外，下拉（这些值来自哪里）和任何'选择'都是搞砸了。这是我的设计师代码：

<asp:LinqDataSource ID="ItemViewDataSource" runat="server" ContextTypeName="GSFyi.GSFyiDataClasses_DataContext"
    TableName="FYI_Items" OrderBy="FYI_State.name, name" EnableDelete="True">
</asp:LinqDataSource>
<h2 class="gridTitle">
    All Items</h2>
<telerik:RadGrid ID="ItemViewRadGrid" runat="server" AutoGenerateColumns="False"
    DataSourceID="ItemViewDataSource" GridLines="None" AllowAutomaticDeletes="True"
    EnableEmbeddedSkins="False" OnItemDataBound="itemsGrid_ItemDataBound" 
    AllowPaging="True" PageSize="15" AllowCustomPaging="True">
    <HeaderContextMenu>
        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
    </HeaderContextMenu>
    <PagerStyle FirstPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_first.png" 
        LastPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_last.png" 
        Mode="NextPrev" 
        NextPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_next.png" 

        PrevPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_previous.png" />
    <MasterTableView DataKeyNames="id" DataSourceID="ItemViewDataSource" CommandItemDisplay="None"
        CssClass="listItems" Width="98%" PageSize="15" PagerStyle-Mode="NextPrevAndNumeric">
        <RowIndicatorColumn>
            <HeaderStyle Width="20px" />
        </RowIndicatorColumn>
        <ExpandCollapseColumn>
            <HeaderStyle Width="20px" />
        </ExpandCollapseColumn>
        <Columns>
            <telerik:GridTemplateColumn ItemStyle-CssClass="gridActions edit" UniqueName="Edit">
                <ItemTemplate>
                    <asp:HyperLink ID="edit" runat="server" Text="Edit"></asp:HyperLink>
                </ItemTemplate>
                <ItemStyle CssClass="gridActions edit"></ItemStyle>
            </telerik:GridTemplateColumn>
            <telerik:GridButtonColumn ConfirmText="Are you sure you want to delete this item?"
                ConfirmDialogType="RadWindow" ButtonType="LinkButton" ItemStyle-CssClass="gridActions delete"
                CommandName="Delete">
                <ItemStyle CssClass="gridActions delete"></ItemStyle>
            </telerik:GridButtonColumn>
            <telerik:GridBoundColumn DataField="name" HeaderText="Item Name" SortExpression="name"
                UniqueName="name">
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="State" UniqueName="state" >
                <ItemTemplate>
                    <asp:Literal ID="stateLit" runat="server" Text='<%# Eval("FYI_State.name") %>' />
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Type" UniqueName="type">
                <ItemTemplate>
                    <asp:Literal ID="typeLit" runat="server" Text='<%# Eval("FYI_Type.name") %>' />
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridBoundColumn DataField="url" HeaderText="Value" SortExpression="url" UniqueName="url">
            </telerik:GridBoundColumn>
        </Columns>
        <EditFormSettings>
            <EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif"
                CancelImageUrl="Cancel.gif">
            </EditColumn>
        </EditFormSettings>
    </MasterTableView>
    <FilterMenu>
        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
    </FilterMenu>
</telerik:RadGrid>

我认为自从我指定这些图像后至少存在图像：

但没有运气。任何输入将不胜感激！

干杯，安德斯

Answer 1

很可能（嵌入式）皮肤CSS文件无法加载。您可以使用Fiddler或Firebug检查您的网站是否有失败的请求。我有一篇博客文章，展示了如何排除故障并解决此类问题。您可以查看here

Answer 2

网格的奇怪外观确实是由于默认皮肤没有加载。这是因为您设置了EnableEmbeddedSkins =“False”。我假设你想要'默认'皮肤，因为你没有指定一个。删除此声明或将其设置为true。奇怪的组合框布局是由于缺乏皮肤。

未加载的图像可能与未加载的皮肤无关。我会查看图片的路径。

有没有人对Telerik的RadGrid Paging有经验？

2 个答案: