19
大家好:)对于长代码列表，我很抱歉，但我不确定在哪里搞砸了。我正在编写一个仅供内部使用的jquery插件来编辑访问控制列表。jqGrid抛出“未捕获的语法错误，无法识别的表达式：＃”
ACL编辑器的一个组件是jqGrid插件，它是一个很好的网格实现，它带有它自己的AJAX加载工具等。我之前使用过这个组件，但我从来没有尝试过将它用作插件的子组件。 AJAX请求正在正确发送（从我在Chrome调试器中看到的内容），这导致我相信该错误不在我的代码中，但我不确定此时应该做什么。
对于大量的代码我很遗憾，但这是我能想到的最小例子。
/*global jQuery*/
"use strict"; /* Enable ECMAScript 5 Strict Mode if supported */
(function ($) {
var methods, defaults;
methods = {
init: function (options) {
var sid, pager, enumerateUrl;
if (this.data('isAclEditor')) {
$.error('The targeted element is already an ACL Editor.');
} else {
this.data('isAclEditor', true);
}
this.data('options', $.extend(true, {}, defaults, options));
/*
<div class="ui-jqgrid ui-widget ui-widget-content">
<div class="ui-jqgrid-titlebar ui-widget-header ui-helper-clearfix">
<span class="ui-jqgrid-title">TITLE</span>
</div>
<table class="sidList"></table>
<div class="sidPager"></div>
<div class="privSlideout" style="display:none;">
<table cellspacing="0" cellpadding="0" border="0">
<thead>
<tr>
<th class="ui-th-column ui-state-default" colspan="3" class="privLabel"></th>
</tr>
<tr>
<th class="ui-th-column ui-state-default" style="width: 50px;">Allow</th>
<th class="ui-th-column ui-state-default" style="width: 50px;">Deny</th>
<th class="ui-th-column ui-state-default" style="width: 520px;">Privilege</th>
</tr>
</thead>
<tbody class="privTable">
</tbody>
</table>
<button class="btnOk">Ok</button>
<button class="btnCancel">Cancel</button>
</div>
<div style="display:none;" class="newPrivPicker">
<div style="font-size: 10pt">
<table class="newPrivTable"></table>
<div class="newPrivPager"></div>
</div>
</div>
</div>
*/
this.html('<div class="ui-jqgrid ui-widget ui-widget-content"><div class="ui-jqgrid-titlebar ui-widget-header ui-helper-clearfix"><span class="ui-jqgrid-title">' + this.data('options').title + '</span></div><table class="sidList"></table><div class="sidPager"></div><div class="privSlideout" style="display:none;"><table cellspacing="0" cellpadding="0" border="0"><thead><tr><th class="ui-th-column ui-state-default" colspan="3" class="privLabel"></th></tr><tr><th class="ui-th-column ui-state-default" style="width: 50px;">Allow</th><th class="ui-th-column ui-state-default" style="width: 50px;">Deny</th><th class="ui-th-column ui-state-default" style="width: 520px;">Privilege</th></tr></thead><tbody class="privTable"></tbody></table><button class="btnOk">Ok</button><button class="btnCancel">Cancel</button></div><div style="display:none;" class="newPrivPicker"><div style="font-size: 10pt"><table class="newPrivTable"></table><div class="newPrivPager"></div></div></div></div>');
pager = $('.sidPager', this);
enumerateUrl = this.data('options').aclControllerUrl + '/enumerate/aclid/' + this.data('options').aclId;
sid = $('.sidList', this).jqGrid({
url: enumerateUrl,
datatype: 'json',
mtype: 'GET',
colNames: ['Type', 'Name'],
colModel: [
{name: 'type', index:'type', width: 20, align: 'center', sortable: false},
{name: 'displayName', index:'displayName', align: 'center', sortable: false}
],
rowNum: 10,
rowList: [10, 100, 1000],
autowidth: true,
height: 'auto',
forceFit: true,
gridview: true,
pager: pager
});
sid.navGrid(pager, {
edit:false,
add:false,
del:false,
search:false,
refresh:true,
refreshtitle: 'Refresh Users and Groups'
});
return this;
}
};
defaults = {
aclId: 0,
title: 'Permissions Editor',
aclControllerUrl: ''
};
$.fn.acleditor = function (method) {
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.AclEditor.');
}
return null;
};
}(jQuery));
为什么我会在Jquery.js的第75行中得到“Uncaught Syntax error，unrecognized expression：＃”？
哦，我正在使用jqgrid 3.8.1和jquery 1.4.2。
编辑：返回的JSON是：
{"rows":[{"id":"7109766F-DC8A-4134-8C1F-02F87A72DE9C","cell":["Group","Developers"]},{"id":"22EEB0C5-6792-4C24-8047-B187D38F63EC","cell":["Group","Users"]}],"page":1,"total":1,"records":2}
有同样的错误，找了一个多小时的错误。这个答案拯救了我，谢谢！另外，这对jqGrid的旧版本来说不是问题。当我从3.5.3升级到3.8.2时，它停止工作。 – 2011-02-09 22:24:14
只是为了澄清 - 他正在谈论做这个
@ 010110110101：我确实说过ID，而不是class。 :) – 2011-08-21 15:18:56