Javascript jqgrid未加载到ui中,请帮助我
您好,我第一次使用jqgrid,但数据没有加载到UI中 *html文件::Javascript jqgrid未加载到ui中,请帮助我,javascript,jsp,jqgrid,Javascript,Jsp,Jqgrid,您好,我第一次使用jqgrid,但数据没有加载到UI中 *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
<!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
我的第一个网格
html,正文{
保证金:0;
填充:0;
字体大小:75%;
}
$(函数(){
$(“#列表”).jqGrid({
url:“/home/vbalamurugan/sename.jsp”,
数据类型:“xml”,
mtype:'获取',
colNames:['PROPERTY\u NAME','PROPERTY\u VALUE'],
colModel:[
{name:'PROPERTY_name',索引:'PROPERTY_name',宽度:300},
{名称:'PROPERTY\u VALUE',索引:'PROPERTY\u VALUE',宽度:300},
],
寻呼机:“#寻呼机”,
行数:5,
行列表:[10,20,30],
sortname:“”,
排序器:“desc”,
viewrecords:是的,
描述:“巴拉第一网格”
});
});
jqGrid可以读取如何查看发布的XML数据。我在第一行只插入了两个空格。我希望这是剪切和粘贴错误
此外,我将
type=“text/css”
attribzte插入
元素和
元素内部。更改后,用户不会再发现任何问题。我另外插入了高度:'auto'。参数datatype:'xml'
和mtype:'GET'
也可以删除,因为这些值是默认值(请参阅)。您介意发布一个xml文件的示例吗?这比任何jsp代码都更有帮助。您可以发布服务器的响应吗?我希望它是纯XML数据。我觉得很奇怪,在服务器代码中有
元素。另一方面,我没有在每一行数据中看到start“
元素和start
。您可以捕获关于或的服务器响应。2 3 8 PU Purchase SA Sales CN Credit Note@mr oleg在jsp中我们有html代码,这不会引起问题,先生,但是带行的开始元素和结束元素是错误的,我更正了它。第一次只有我在jqgrid中使用过(基于db值,我们只生成xml),这是对的??非常感谢我给你发送了Siru邮件,但它在google chrome中不起作用,在没有xml的url中也不起作用。我直接给出了“balamurugan.jsp”,它不起作用。但是生成了xml…@balamurugan:我的演示工作在google chrome中没有任何问题。如果jqGrid无法读取服务器生成的XML响应,则说明您没有设置正确的Content-Type
HTTP头,或者XML格式不正确。我建议您包括loadError
事件处理程序,以查看您到底遇到了哪个错误。
<%@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>