Javascript Syncfusion控件在设计器中渲染，但不在浏览器中渲染_Javascript_Css_Asp.net_Vb.net_Syncfusion

Javascript Syncfusion控件在设计器中渲染，但不在浏览器中渲染

javascript css asp.net vb.net

Javascript Syncfusion控件在设计器中渲染，但不在浏览器中渲染,javascript,css,asp.net,vb.net,syncfusion,Javascript,Css,Asp.net,Vb.net,Syncfusion,我刚刚将Syncfusion（版本=15.4460.0.17）添加到现有站点。我可以在VS designer中查看所有Syncfusion控件，但当您尝试在浏览器中查看页面时，仅显示Syncfusion文本框 dll、css文件和js文件都在它们需要的地方。由于一些控件出现了，而其他控件没有出现，我觉得java脚本或css没有被正确引用这里有一个基本页面，不显示网格。我在页面上有一个功能数据源。它确实填充并呈现本机asp.net gridview 以下是.aspx： 1. 2. 下面是W

我刚刚将Syncfusion（版本=15.4460.0.17）添加到现有站点。我可以在VS designer中查看所有Syncfusion控件，但当您尝试在浏览器中查看页面时，仅显示Syncfusion文本框

dll、css文件和js文件都在它们需要的地方。由于一些控件出现了，而其他控件没有出现，我觉得java脚本或css没有被正确引用

这里有一个基本页面，不显示网格。我在页面上有一个功能数据源。它确实填充并呈现本机asp.net gridview

以下是.aspx：


1.


2.

下面是Web.config中的内容：

下面是Andrew Morton第二个建议的实际呈现HTML结果

1ej.createObject（“ej.dataSources.MyGrid1”，{“data0”：ej.isJSON（[{“RepID”：1，Name:“Paul”，“Email:”）paul@email.com，“活动”：“是”}，{“RepID”：2，“姓名”：“汤姆”，“电子邮件”：Tom@email.com，“活动”：“否”}，{“RepID”：4，“姓名”：“拉里”，“电子邮件”：Larry@email.com，“活动”：“否”}，{“RepID”：5，“名称”：“Mack”，“Email”：“mackemail.com”，“活动”：“否”}，{“RepID”：6，“名称”：“Gary”，“电子邮件”：gary@email.com“，”活动“：”否“}”）；


2

RepIDNameEmailActive
1Paulpaul@email.comYes
2Tomtom@email.comNo
4Larrylarry@email.comNo
5Mackmack@email.comNo
6Garygary@email.comNo

您是否知道您的浏览器中有开发人员工具，可通过按F12键调用，该工具将显示网络活动以及是否有任何文件未加载（例如404状态）？我没有意识到这一点。我使用F12工具查找了几个未加载的文件，并解决了这些问题。但我仍然遇到同样的问题。下一步是检查呈现的HTML的有效性。Ctrl-U应该为您提供一个页面，然后您可以提交给。然后在F12工具中，查看控制台seAction以查看是否报告了任何JavaScript错误。我这样做了，但没有发现任何其他错误。在呈现的HTML视图中，我可以看到它确实创建了Syncfusion网格。它有一个div，其中包含一些Syncfusion标记，它有从数据源返回的5条记录的数据。我从re添加了一个剪报我的现有项目也面临着同样的问题。它运行得更早，突然停止，只显示文本框。但是，当我调用JavaScript函数$（'#controlid'）.ejDateTimePicker（）时，它出现了

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="SF.aspx.vb" Inherits="SF" %>
<%@ Register assembly="Syncfusion.EJ.Web, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" namespace="Syncfusion.JavaScript.Web" tagprefix="ej" %>
<%@ Register assembly="Syncfusion.EJ, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" namespace="Syncfusion.JavaScript.Models" tagprefix="ej" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<script src="Scripts/jquery.js"></script>
<script src="Scripts/jquery-1.11.3.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="Scripts/jsrender.min.js"></script>
<script src="Scripts/ej/ej.web.all.min.js"></script>
<script src="Scripts/ej/ej.webform.min.js"></script>

<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="Content/Site.css" rel="stylesheet" />
<link href="Content/ej/web/ej.widgets.core.min.css" rel="stylesheet" />
<link href="Content/ej/web/default-theme/ej.theme.min.css" rel="stylesheet" />        
</head>
<body>
    <form id="form1" runat="server">
        1<ej:Grid ID="Grid1" runat="server" CssClass="" DataSourceCachingMode="None" DataSourceID="SqlDataSource1" EnableLoadOnDemand="False" MinWidth="0">
        </ej:Grid>
        <br />
        2<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1">
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>" SelectCommand="SELECT top 5 [UserID], [Name], [Email], [Active] FROM [Users]"></asp:SqlDataSource>
    </form>
    </body>
</html>

<compilation targetFramework="4.5">
  <assemblies>
    <add assembly="Syncfusion.EJ.Web, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" />
    <add assembly="Syncfusion.EJ, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" />
    <add assembly="Syncfusion.EJ.Pivot, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" />
    <add assembly="Syncfusion.PivotAnalysis.Base, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89"/>
    <add assembly="Syncfusion.XlsIO.base, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89"/>
    <add assembly="Syncfusion.EJ.ReportViewer, Version=15.4460.0.17, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89"/>
  </assemblies>
</compilation>

1<div id="MyGrid1" data-role="ejgrid" data-ej-datasource='ej.dataSources.MyGrid1.data0' data-ej-cssclass='' data-ej-uniqueId=MyGrid1 data-ej-clientId=MyGrid1 ></div><script>ej.createObject("ej.dataSources.MyGrid1",{"data0":ej.isJSON([{"RepID":1,"Name":"Paul","Email":"paul@email.com","Active":"Yes"},{"RepID":2,"Name":"Tom","Email":"Tom@email.com","Active":"No"},{"RepID":4,"Name":"Larry","Email":"Larry@email.com","Active":"No"},{"RepID":5,"Name":"Mack","Email":"mackemail.com","Active":"No"},{"RepID":6,"Name":"Gary","Email":"gary@email.com","Active":"No"}])});</script><span id="MyGrid1"></span>
            <br />
            2<br /><div>
        <table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
            <tr>
                <th scope="col">RepID</th><th scope="col">Name</th><th scope="col">Email</th><th scope="col">Active</th>
            </tr><tr>
                <td>1</td><td>Paul</td><td>paul@email.com</td><td>Yes</td>
            </tr><tr>
                <td>2</td><td>Tom</td><td>tom@email.com</td><td>No</td>
            </tr><tr>
                <td>4</td><td>Larry</td><td>larry@email.com</td><td>No</td>
            </tr><tr>
                <td>5</td><td>Mack</td><td>mack@email.com</td><td>No</td>
            </tr><tr>
                <td>6</td><td>Gary</td><td>gary@email.com</td><td>No</td>
            </tr>
        </table>
    </div>