个人中心
gpt4 book ai didi

javascript - jq网格 : Uncaught TypeError: Cannot read property 'getAccessor' of undefined while reading xml data

转载 作者：行者123 更新时间：2023-11-29 14:51:44 24 4
gpt4 key购买 nike

我的 jqGrid 工作正常，可以正确加载数据。甚至排序和分页也能正常工作。但是，当 filterToolBar 用于搜索数据时，它不会搜索任何数据...只是一直显示“正在加载...”。

下面是HEAD部分的脚本标签:

 <script src="~/Scripts/js/jquery-1.11.0.min.js" type="text/javascript"></script>    
 <script src="~/Scripts/js/src/i18n/grid.locale-en.js" type="text/javascript"></script>
 <script src="~/Scripts/js/jquery.jqGrid.min.js" type="text/javascript"></script>

HTML:

<table id="jqGrid" ></table>
<div id="pager"></div>


<script type="text/javascript">
$("#jqGrid").jqGrid({
    url: "GetData.asmx/LoadData",
    datatype: "xml",     
    xmlReader: {
        repeatitems: false,            
        root: "Rowset",
        row: "Row"
    },
    colNames: ["Id","Contact Name", "City", "Country"],
    colModel: [
        { name: 'id', index: 'id', width: 40, stype: 'text',sortable:true },
        { name: "ContactName", index: "ContactName", sortable: true, width: 300,        search: true, stype: 'text' },
        { name: "City", index: "City", sortable: true, width: 300, search: true, stype: 'text' },
        { name: "Country", index: "Country", sortable: true, width: 300, search: true, stype: 'text' }
    ],
    rowNum: 10,
    rowList: [10, 20, 50, 100],
    pager: "#pager",
    gridview: true,
    rownumbers: true,
    viewrecords: true,
    height: "auto",        
    loadonce: true,       
    sortorder: "desc",
    caption: "List of Employees",
    ignoreCase: true        
}).jqGrid("filterToolbar", { searchOnEnter: false, stringResult: true, defaultSearch:   "cn" });

 </script>

请查看这段代码并指导我哪里出错了。

提前致谢，迪普提谢斯

更新:

以下是 xml 响应:

      <Rowsets DateCreated="2013-05-02T09:18:07" EndDate="2013-05-02T09:18:07" StartDate="2013-05-02T08:18:07" Version="12.0.6 Build(13)">
<Rowset>
<Columns>
<Column Description="Id" MaxRange="1" MinRange="0" Name="Id" SQLDataType="12" SourceColumn="Id"/>
<Column Description="ContactName" MaxRange="1" MinRange="0" Name="ContactName" SQLDataType="12" SourceColumn="ContactName"/>
<Column Description="City" MaxRange="1" MinRange="0" Name="City" SQLDataType="12" SourceColumn="City"/>
<Column Description="Country" MaxRange="1" MinRange="0" Name="Country" SQLDataType="12" SourceColumn="Country"/>
</Columns>
<Row>
<id>1</id>
<ContactName>Maria Anders</ContactName>
<City>Berlin</City>
<Country>Germany</Country>
</Row>
<Row>
<id>2</id>
<ContactName>Ana Trujillo</ContactName>
<City>México D.F.</City>
<Country>Mexico</Country>
</Row>
<Row>
<id>3</id>
<ContactName>Antonio Moreno</ContactName>
<City>México D.F.</City>
<Country>Mexico</Country>
</Row>
<Row>
<id>4</id>
<ContactName>Thomas Hardy</ContactName>
<City>London</City>
<Country>UK</Country>
</Row>
<Row>
<id>5</id>
<ContactName>Christina Berglund</ContactName>
<City>Luleå</City>
<Country>Sweden</Country>
</Row>
<Row>
<id>6</id>
<ContactName>Hanna Moos</ContactName>
<City>Mannheim</City>
<Country>Germany</Country>
</Row>
</Rowset>
</Rowsets>

RESPONSE HEADER:在 Chrome 调试器的网络选项卡中

Cache-Control:private, max-age=0
Content-Encoding:gzip
Content-Length:636
Content-Type:text/xml; charset=utf-8
Date:Wed, 09 Jul 2014 12:34:15 GMT
Server:Microsoft-IIS/8.0
Vary:Accept-Encoding
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET
X-SourceFiles:=?UTF-8?B?QzpcUHJvamVjdHNcanFHcmlkU2FtcGxlXGpxR3JpZFNhbXBsZVxHZXREYXRhLmFzbXhcTG9hZERhdGE=?=
ConsoleSearchEmulationRendering

谢谢，迪普提谢斯

已编辑:_Layout.cshtml 页面:

 <!DOCTYPE html>
  <html>
   <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

   <link href="~/Scripts/jquery-ui-1.11.0.custom/jquery-ui.theme.css" rel="stylesheet"  media="screen" type="text/css" />
   <link href="~/Content/ui.jqgrid.css" rel="stylesheet" media="screen" type="text/css" />
   <style>
    html, body {
        margin: 0;
        padding: 0;
        font-size: 75%;            
    }
   </style>
   <script src="~/Scripts/js/jquery-1.11.0.min.js" type="text/javascript"></script>  
   <script src="~/Scripts/jquery-ui-1.11.0.custom/jquery-ui.min.js" type="text/javascript"></script>
   <script src="~/Scripts/js/src/i18n/grid.locale-en.js" type="text/javascript"></script>
   <script type="text/javascript">
   $.jgrid.no_legacy_api = true;
   $.jgrid.useJSON = true;
   </script>  
   <script src="~/Scripts/js/jquery.jqGrid.src.js" type="text/javascript"></script>  
  </head> 
  <body> 

   <div class="container body-content">
    @RenderBody()       
   </div>

   @Scripts.Render("~/bundles/jquery")
   @Scripts.Render("~/bundles/bootstrap")
   @RenderSection("scripts", required: false)
 </body>
 </html>

Index.cshtml 页面:

 @{
    ViewBag.Title = "Home Page";
  }

  <table id="jqGrid" ></table>
  <div id="pager"></div>

 <script type="text/javascript">
    //<![CDATA[
    /*global $ */
    /*jslint browser: true */
   //  $(function () {
   //  "use strict";
      $("#jqGrid").jqGrid({
      url: "GetData.asmx/GetData/LoadData",        
      datatype: "xml",     
      xmlReader: {
      repeatitems: false,           
      root: "Rowset",
      row: "Row"
    },
    colNames: ["Id","Contact Name", "City", "Country"],
    colModel: [
        { name: 'id', index: 'id', width: 40, stype: 'text',sortable:true },
        { name: "ContactName", index: "ContactName", sortable: true, width: 300, search: true, stype: 'text' },
        { name: "City", index: "City", sortable: true, width: 300, search: true, stype: 'text'  },
        { name: "Country", index: "Country", sortable: true, width: 300, search: true, stype: 'text'  }
    ],
    rowNum: 10,
    rowList: [10, 20, 50, 100],
    pager: "#pager",
    gridview: true,
    rownumbers: true,
    viewrecords: true,
    height: "auto",        
    loadonce: true,       
    sortorder: "desc",
    caption: "List of Employees",
    ignoreCase: true        
}).jqGrid("filterToolbar", { searchOnEnter: false, stringResult: true, defaultSearch: "cn" });
 // });
  //]]>  
  </script>

如果有 $(function () {}) 则显示空白页。如果我评论这部分，那么它会在网页上显示网格和数据。但是，工具栏搜索仍然不起作用。

请指导我哪里出错了。

最佳答案

可能您包含了 jQuery JavaScript 文件两次。第一次您将其包含在 <head> 中通过

<script src="~/Scripts/jquery-ui-1.11.0.custom/jquery-ui.min.js"
        type="text/javascript"></script>
<script src="~/Scripts/js/src/i18n/grid.locale-en.js"
        type="text/javascript"></script>

稍后您放置了 jqGrid 和其他的 JavaScripts 文件。问题是你使用了

@Scripts.Render("~/bundles/jquery")

接近 <body> 的结尾.第二次包含 jQuery 定义可以覆盖一些先前设置的 jQuery 扩展或重置/覆盖一些先前初始化的 jQuery 内部结构。

简单的规则是:您必须在每个 HTML 页面上只包含一次每个 JavaScript 文件。

此外，我个人更喜欢将 JavaScript 代码放在 <head> 中.在这种情况下，您应该将创建网格的代码放在 $(function () {/*here*/}); 中。

关于javascript - jq网格 : Uncaught TypeError: Cannot read property 'getAccessor' of undefined while reading xml data，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24652519/

24 4 0
文章推荐： javascript - 添加 sigma.js 导航按钮
文章推荐： javascript - AngularJS 中带有成员变量的子类工厂
文章推荐： javascript - jQuery, nextUntil(), 如果元素不是段落
文章推荐： javascript - 在 ASP.NET MVC 中创建 _layout 和 View 之间可用的 jQuery "object"
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com