We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
  1. Home
  2. Forum
  3. JSP
  4. Not display Grid , Help plz..

Not display Grid , Help plz..

Not Display Grid, Just shown Empty Page Help plz..

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib prefix="ej" uri="/WEB-INF/EJ.tld"%>
<%@ page import="com.syncfusion.*"%>
<%@ page session="false" import="java.util.ArrayList"%>
<%@ page session="false" import="java.util.Iterator"%>
<%@ page import="datasource.GetJsonData"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Conten-Type" content="text/html" charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel='nofollow' href="Content/ejthemes/material/ej.web.all.min.css" rel="stylesheet" />
    <script type="text/javascript" src="Scripts/ej.web.all.min.js"></script>
</head>
<body>
<div class="cols-sample-area">
<%
GetJsonData obj =new GetJsonData();
    Object data = obj.getGridData();
    request.setAttribute("DataSource", data);
    %>
<ej:grid id="FlatGrid" allowPaging="true" dataSource="${DataSource}">
<ej:grid-columns>
<ej:grid-column field="OrderID" headerText="Order ID" width="75" textAlign="right"></ej:grid-column>
<ej:grid-column field="CustomerID" headerText="Customer ID" width="80"></ej:grid-column>
<ej:grid-column field="EmployeeID" headerText="Employee ID" width="75" textAlign="right"></ej:grid-column>
<ej:grid-column field="Freight" headerText="Freight" width="75" format="{0:C}" textAlign="right"></ej:grid-column>
<ej:grid-column field="ShipCountry" headerText="Ship Country" width="80"></ej:grid-column>
</ej:grid-columns>
</ej:grid>
</div>
</body>
</html>


ps. Content folder, Scripts folder , and all lib included.


3 Replies
MP Manivannan Padmanaban Syncfusion Team January 2, 2019 10:43 AM UTC

Hi Juo, 

Thanks for contacting syncfusion support. We are happy to assist you. 

Before we proceed we would like to confirm the following details, the provided details will help us to resolved the reported issue as early as possible. 

  1. Share the Essential studio version.
  2. Please Share the screenshot of the issue.
  3. Share the screenshot of script error in console window (if any).
Regards, 
Manivannan Padmanaban. 


JK Jun Kwon January 3, 2019 03:50 AM UTC

Share Info

1. Ver - 15.3.0.26
2~3. attached zip file.


Thank you for your help.

Attachment: info_9b7090c7.zip

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team January 3, 2019 12:43 PM UTC

Hi Jun Kwon,  

We have checked your given files and we need to confirm that you have followed the below steps for running the JSP sample. 

Please ensure that you have followed the below mandatory steps for running JSP sample in your system. Please refer to the link:- 

Also ensure that you have referred script files for data to be bind into the Grid. From your given files you doesn’t refer jsrender.min file. Please ensure that you have referred the below script files in your sample 

<!DOCTYPE html>  
<html>  
<head>  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <meta name="description" content="Essential Studio for JavaScript">  
    <meta name="author" content="Syncfusion">  
    <title></title>  
    <!-- Essential Studio for JavaScript  theme reference -->  
    <link rel="stylesheet" rel='nofollow' href="http://cdn.syncfusion.com/15.3.0.26/js/web/flat-azure/ej.web.all.min.css" />  
  
    <!-- Essential Studio for JavaScript  script references -->  
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>  
    <script src="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></script>  
    <script src="http://cdn.syncfusion.com/15.3.0.26/js/web/ej.web.all.min.js"> </script>  
  
    <!-- Add your custom scripts here -->  
  
</head>  
<body>  
  
</body>  
</html>  
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"  
       pageEncoding="ISO-8859-1"%>  
<%@ taglib prefix="ej" uri="/WEB-INF/EJ.tld"%>  
<%@ page import="com.syncfusion.*"%>  
<%@ page session="false" import="java.util.ArrayList"%>  
<%@ page session="false" import="java.util.Iterator"%>  
<%@ page import="datasource.GetJsonData"%>  
  
 <div class="cols-sample-area">  
    <%  
    GetJsonData obj =new GetJsonData();  
    Object data = obj.getGridData();  
    request.setAttribute("DataSource", data);  
    %>  
  
    <ej:grid id="FlatGrid" allowPaging="true" dataSource="${DataSource}">  
        <ej:grid-columns>  
            <ej:grid-column field="OrderID" headerText="Order ID" width="75" textAlign="right"></ej:grid-column>  
            <ej:grid-column field="CustomerID" headerText="Customer ID" width="80"></ej:grid-column>  
            <ej:grid-column field="EmployeeID" headerText="Employee ID" width="75"textAlign="right"></ej:grid-column>  
            <ej:grid-column field="Freight" headerText="Freight" width="75" format="{0:C}"textAlign="right"></ej:grid-column>  
            <ej:grid-column field="ShipCountry" headerText="Ship Country" width="80"></ej:grid-column>  
        </ej:grid-columns>  
  
    </ej:grid>  
</div>  


 
Please ensure the above details and after following the above steps still facing the issue please share us the following details. 

  1. Share us the screenshot of the console window if you faced any script Error.
  2. Please share the sample with above modified changes.

Regards, 

Farveen sulthana T 



Loader.
Up arrow icon