Javascript JQGrid-无输出_Javascript_Jqgrid

Javascript JQGrid-无输出

javascript jqgrid

Javascript JQGrid-无输出,javascript,jqgrid,Javascript,Jqgrid,以下html文件不提供任何输出。这里提到的所有脚本和css文件都是有效的。请帮我拍这个当它加载到浏览器中时，只会显示一个空白页 <!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"

以下html文件不提供任何输出。这里提到的所有脚本和css文件都是有效的。请帮我拍这个

当它加载到浏览器中时，只会显示一个空白页

<!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/redmond/jquery-ui-1.10.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<script src="js/jquery-1.9.0.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">
var mydata = [
    { id : "one", "name" : "row one" },
    { id : "two", "name" : "row two" },
    { id : "three", "name" : "row three" }
];

$("#grid").jqGrid({
    data: mydata,
    datatype: 'local',
    width: 500,
    colNames:['Id','Name'],
    colModel:[
    {name:'id', index:'id', key: true, width:50},
    {name:'name', index:'name', width:100}
    ],
    pager: '#pager',
    sortname: 'id',
    viewrecords: true,
    sortorder: "asc",
    caption:"jqGrid Example"
});
</script>

</head>
<body>
<table id="grid"><tr><td></td></tr></table>
<div id="pager"></div>
</body>
</html>


我的第一个网格
var mydata=[
{id:“一”，“名称”：“第一行”}，
{id:“两个”，“名称”：“第二行”}，
{id:“三”，“名称”：“第三行”}
];
$（“#网格”）.jqGrid({
数据：mydata，
数据类型：“本地”，
宽度：500，
colNames:['Id'，'Name']，
colModel：[
{name:'id'，index:'id'，key:true，width:50}，
{名称：'name'，索引：'name'，宽度：100}
],
寻呼机：“#寻呼机”，
sortname:'id'，
viewrecords：是的，
分拣员：“asc”，
标题：“jqGrid示例”
});

原因是脚本执行时尚未创建

。移动


$（“#grid”）.jqGrid（）

在关闭

之前插入脚本块

或者，您可以使用jQuery在页面元素初始化后安排网格初始化：

$(document).ready(function() { $("#grid").jqGrid(...) });

必须将$（“#grid”）.jqGrid（）放入document.ready（）中


$（文档）.ready（函数（e）
{
var mydata=[
{id:“一”，“名称”：“第一行”}，
{id:“两个”，“名称”：“第二行”}，
{id:“三”，“名称”：“第三行”}
];
$（“#网格”）.jqGrid({
数据：mydata，
数据类型：“本地”，
宽度：500，
colNames:['Id'，'Name']，
colModel：[
{name:'id'，index:'id'，key:true，width:50}，
{名称：'name'，索引：'name'，宽度：100}
],
寻呼机：“#寻呼机”，
sortname:'id'，
viewrecords：是的，
分拣员：“asc”，
标题：“jqGrid示例”
});
});

谢谢你们的帮助。我是jquery的新手。如果您得到了答案，请将其标记为正确答案并向我们投票：）你应该有一些答案。

<script>

        $( document ).ready( function ( e )
        {

var mydata = [
    { id : "one", "name" : "row one" },
    { id : "two", "name" : "row two" },
    { id : "three", "name" : "row three" }
];

$("#grid").jqGrid({
    data: mydata,
    datatype: 'local',
    width: 500,
    colNames:['Id','Name'],
    colModel:[
    {name:'id', index:'id', key: true, width:50},
    {name:'name', index:'name', width:100}
    ],
    pager: '#pager',
    sortname: 'id',
    viewrecords: true,
    sortorder: "asc",
    caption:"jqGrid Example"
});

         });
</script>