Telerik Ajax 演示代码在我的 VS 2019 环境中无法正常工作

如何解决Telerik Ajax 演示代码在我的 VS 2019 环境中无法正常工作

我正在尝试在我的一个测试项目中重现 Telerik 在线演示 found here，但没有成功。

我将代码简化到最低限度，并使其适用于我自己的数据（下面的代码）。在此过程中，我删除了与分页、添加、删除和编辑部分有关的所有代码，因为我不需要这些代码。我只是想让我的数据像演示中一样显示在两列漂亮的瓷砖中（我仍然要添加图片）。好的，到目前为止，我在这里遇到了两个问题：

相反，数据像演示一样显示在两列中，它只显示为一个列表；和
它没有相应的换肤，而是以丑陋的普通标准 ASP 控件外观出现。

为了查看我的测试并与 Telerik 演示进行比较，我将其放到网上 here。

这是我的代码：

 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="ListViewTest.aspx.vb" Inherits="custom_scripts_iPMP_ListViewTest" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecoratedControls="All" decorationZoneID="demo-container" EnableRoundedCorners="false" />
    <div class="demo-container size-wide" id="demo-container">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ListViewPanel1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="CheckBoxList1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="CheckBoxList1"></telerik:AjaxUpdatedControl>
                        <telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
            <ClientEvents OnRequestStart="RequestStart"></ClientEvents>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <table>
            <tr>
                <td>
                    <asp:Panel ID="ListViewPanel1" runat="server">
                        <telerik:RadListView ID="RadListView1" DataSourceID="sqlDataSource1" runat="server" RenderMode="Lightweight"
                            ItemPlaceholderID="CustomersContainer" AllowPaging="true" >
                            <LayoutTemplate>
                                 <fieldset id="FieldSet1" class="mainFieldset">
                                    <div class="RadListView RadListView_<%# Container.Skin %>">
                                        <asp:PlaceHolder ID="CustomersContainer" runat="server"></asp:PlaceHolder>
                                    </div>
                                    <div class="clearFix">
                                    </div>
                                </fieldset>
                            </LayoutTemplate>
                            <ItemTemplate>
                                <fieldset class="fieldset itemFieldset">
                                    <table class="dataTable">
                                        <tr class="rlvI">
                                            <td>
                                                <table class="itemTable">
                                                    <tr>
                                                        <td>
                                                            <table class="innerItemTable">
                                                                <tr>
                                                                    <td>
                                                                        <%#Eval("Description")%>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <%#Eval("ConditionsAndOptions")%>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <%# Eval("RetailPrice")%>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </ItemTemplate>
                        </telerik:RadListView>
                    </asp:Panel>
                </td>
            </tr>
        </table>
        <br />
        <asp:sqlDataSource ID="sqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnection %>"
            SelectCommand="EXEC mytestSP">
        </asp:sqlDataSource>
    </div>
  
    </form>
</body>
</html>

我使用 Visual Studio 2019，这个特定项目是更大解决方案的一部分（源代码控制中的大量代码库，只有几个是我的责任）并且还有其他人执行环境设置。不幸的是，这个人正在休假，我只是想确定这不是一件很简单的事情，我可以在他回来之前自己解决。当然，我不想深入环境设置并冒险破坏某些东西。在任何情况下，一切都应该没问题，因为所有 Telerik 控件工作都很好，并且在这种情况下唯一的问题是它没有按预期显示，所以看起来是皮肤问题，但不确定。

任何输入将不胜感激。谢谢！

Telerik Ajax 演示代码在我的 VS 2019 环境中无法正常工作

如何解决Telerik Ajax 演示代码在我的 VS 2019 环境中无法正常工作

相关推荐