个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我是 jQuery 和 jgrid 的新手。我正在尝试使用 columnchooser 来让用户删除列和更改列顺序。删除和添加列工作正常。但是更改列顺序不起作用。以下是我在代码中的内容。
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/xxxx/resources/css/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/xxxx/resources/css/jqgrid/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/xxxx/resources/css/edi/standard.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/xxxx/resources/css/jquery/ui-multiselect/ui.multiselect.css" />
<script type="text/javascript" src="/xxxx/resources/js/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/xxxx/resources/js/jquery/jquery-ui-1.8.6.custom.min.js"></script>
<!-- <script type="text/javascript" src="/xxxx/resources/js/jquery/jquery-ui-1.8.11.custom.js"></script>-->
<script type="text/javascript" src="/xxxx/resources/js/jqgrid/grid.locale-en.js"></script>
<script type="text/javascript" src="/xxxx/resources/js/jquery/ui.multiselect.js"></script>
<script type="text/javascript" src="/xxxx/resources/js/jqgrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();
jq.jgrid.no_legacy_api = false;
</script>
<script type="text/javascript" src="/xxxx/resources/js/jqgrid/jquery.jqGrid.min.js"></script> <!-- 3.8.2 version-->
<!--<script type="text/javascript" src="/xxxx/resources/js/jqgrid/jquery.searchFilter.js"></script>-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XXXX</title>
</head>
ui.multiselect.js 文件已包含建议的修复。
$.widget("ui.multiselect", {
options: {
sortable: true,
searchable: true,
doubleClickable: true,
animated: 'fast',
show: 'slideDown',
hide: 'slideUp',
dividerLocation: 0.6,
nodeComparator: function(node1,node2) {
var text1 = node1.text(),
text2 = node2.text();
return text1 == text2 ? 0 : (text1 < text2 ? -1 : 1);
}
}},
destroy: function() {
this.element.show();
this.container.remove();
// Modified to work with jquery.ui.1.8
if ($.Widget === undefined)
$.widget.prototype.destroy.apply(this, arguments);
else {
$.Widget.prototype.destroy.apply(this, arguments);
return this;
}}
我正在使用如下所示的列选择器。
jq("#grid").jqGrid('navButtonAdd','#pager',
{ caption: "Columns",
title: "Reorder Columns",
onClickButton : function (perm){
jq("#grid").jqGrid('columnChooser');
}
});
以下是我到目前为止尝试过的方法。
{"msel_opts": $.ui.multiselect.defaults} 作为选项时，出现 ui undefined JS 错误。我卡在了@this。有人愿意帮忙吗？
最佳答案
很难在您的代码中找到错误，因为您只发布了一个代码片段。可能您尝试在导航器工具栏中添加有关“navButtonAdd”的按钮之前您创建了有关“navGrid”的导航器工具栏。
无论如何，一个小的工作示例here可以帮助您找到错误。
关于Jqgrid ColumnChooser 列顺序更改不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5705705/
30
4
0
我是 jQuery 和 jgrid 的新手。我正在尝试使用 columnchooser 来让用户删除列和更改列顺序。删除和添加列工作正常。但是更改列顺序不起作用。以下是我在代码中的内容。
目前我正在使用 devexpress 开发一个应用程序，我设置了两列隐藏，如下所示: gridView1.Columns[2].Visible = false; 但是，当我运行我的程序时，DataGr
我一直在尝试在我的元素中使用 jqGrid，除了两种情况外，一切似乎都运行良好:- 第一次点击columnChooser时，不会显示点击done按钮的效果。它似乎是第二次工作。我附上了 video和
我正在使用 jqgrid 。 我的目标是查看隐藏列。我使用了下面提到的columnCoser。 $('#Table').jqGrid('columnChooser', { do
我想将自定义按钮添加到“列选择器”对话框中，并使其表现得像其他按钮一样。我尝试得到类似 this(Default button) 的东西 _this.table.jqGrid("navButton
我正在使用 jqGrid columnChooser ，像这样: jQuery(grid).jqGrid( 'navButtonAdd', pagerDiv,
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
在jqGrid的演示网站上，columnChooser模块显示如下: 它允许您对列重新排序并选择要显示的列。 不幸的是，当我将这段代码输入到我的应用程序中时(应该使其显示与所描述的完全一样的代码):
将我的应用程序从 jqGrid 4.6 升级到 free-jqgrid 4.8 后，columnChooser 功能无法正常工作。仅适用于 IE9。演示可在此处获取:http://jsfiddle.n
我对 jqGrid 的高级搜索有疑问......据我所知，高级搜索对话框仅在调用 searchGrid 时创建一次。 这意味着，如果我在打开高级搜索对话框一次后通过 columnChooser 添加列
我是一名优秀的程序员,十分优秀！