2011-05-10 2 views
0

Bonjour première fois je l'ai utilisé jqGrid, mais les données non chargées dans l'interface utilisateurjqGrid pas chargé dans ui aider de bien vouloir me

* fichier html: *

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>My First Grid</title> 
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-redmond/jquery-ui-1.8.12.custom.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> 

<style> 
html, body { 
    margin: 0; 
    padding: 0; 
    font-size: 75%; 
} 
</style> 
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> 
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
$(function(){ 
    $("#list").jqGrid({ 
    url:'/home/vbalamurugan/sename.jsp', 
    datatype: 'xml', 
    mtype: 'GET', 
    colNames:['PROPERTY_NAME','PROPERTY_VALUE'], 
    colModel :[ 
     {name:'PROPERTY_NAME', index:'PROPERTY_NAME', width:300}, 
     {name:'PROPERTY_VALUE', index:'PROPERTY_VALUE', width:300}, 
     ], 
    pager: '#pager', 
    rowNum:5, 
    rowList:[10,20,30], 
    sortname: '', 
    sortorder: 'desc', 
    viewrecords: true, 
    caption: 'Bala First Grid' 
    }); 
}); 
</script> 

</head> 
<body> 
<table id="list"></table> 
<div id="pager"></div></body> 
</html 

jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<%@ page import="java.sql.*" %> 
<%@ page import="java.io.*" %> 

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>JSP Page</title> 
    </head> 
    <body> 
     <% 

String jdbcURL = "jdbc:oracle:thin:@192.168.6.38:1521:XE"; 
Connection conn = null; 
Statement stmt = null; 
ResultSet rs =null; 
String user ="raymedi_hq" ; 
String passwd ="raymedi_hq"; 
int count=8; 
StringBuffer sbf=new StringBuffer(250); 

try { 
Class.forName("oracle.jdbc.driver.OracleDriver").newInstance(); 
conn = DriverManager.getConnection(jdbcURL,user,passwd); 
stmt = conn.createStatement(); 

    response.setContentType("text/xml;charset=utf-8"); 
    response.setHeader("", "Content-type: text/xml;charset=utf-8"); 
sbf.append("<?xml version='1.0' encoding='utf-8'?>"); 
sbf.append("<page>2</page>"); 
sbf.append("<total>3</total>"); 
sbf.append("<records>"+count+"</records>"); 
rs = stmt.executeQuery("SELECT PROPERTY_NAME,PROPERTY_VALUE FROM HQ_FA_TAG"); 
while(rs.next()) 
    { 

     sbf.append("<cell><![CDATA["+rs.getString("PROPERTY_NAME")+"]]></cell>"); 
     sbf.append("<cell><![CDATA["+rs.getString("PROPERTY_VALUE")+"]]></cell>"); 
     } 
sbf.append("</row>"); 
sbf.append("</rows>"); 
out.println(sbf.toString); 
System.out.println(sbf.toString()); 
rs.close();rs=null; 
    if (conn != null){ 
        try{ 
         conn.close(); 
        }catch(Exception ex2){ex2.printStackTrace();} 
       } 
} 
catch(Exception e){e.printStackTrace();} 
     %> 

    </body> 
</html> 
+0

Pourriez-vous poster un exemple de votre fichier xml? C'est plus utile que n'importe quel code JSP. – reporter

+0

Pourriez-vous publier la réponse du serveur? J'espère que ce seront des données XML pures. Je trouve très étrange que vous ayez des éléments «» dans le code du serveur. De l'autre côté je ne vois pas le début '' "' élément et commence '' dans chaque ligne de données. Vous pouvez attraper la réponse du serveur en ce qui concerne [Fiddler] (http://www.fiddler2.com/fiddler2/) ou [Firebug] (http://getfirebug.com/). – Oleg

+0

PU Achat SA Ventes CN de note de crédit

Répondre

0

Comment vous pouvez voir here les données XML que vous posté peut être lu par jqGrid. J'ai inséré seulement deux blancs dans la première ligne. J'espère qu'il a été coupé & erreurs de pâte.

En outre, j'ai inséré type="text/css" attribzte à l'élément <style> et <tr><td/></tr> à l'intérieur de l'élément <table>. Après les changements, le ne trouve plus aucun problème. J'ai inséré en plus height:'auto'. Les paramètres datatype: 'xml' et mtype: 'GET' peuvent également être supprimés, car les valeurs sont définies par défaut (voir the documentation).

+0

merci beaucoup je m'envoie un mail monsieur –

+0

mais il ne fonctionne pas dans google chrome et aussi dans url sans xml je donne directement le "balamurugan.jsp" ça ne fonctionne pas. Mais xml généré ... –

+0

@balamurugan: ma démo http://www.ok-soft-gmbh.com/jqGrid/balamurugan.htm fonctionne sans aucun problème dans Google Chrome. Si la réponse XML générée par le serveur n'a pas pu être lue par jqGrid que vous ne définissez pas l'en-tête HTTP Content-Type correct ou que le format XML n'est pas bien formaté. Je vous recommande d'inclure le gestionnaire d'événements 'loadError' pour voir quelle erreur vous avez exactement. – Oleg

Questions connexes