jqgrid 列选择器中的列列表显示为单列并被 chop :
如何解决这个问题？ 问题发生在 FireFox、Chrome、IE 页面定义如下。
<!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">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="jquery-ui-1.8.12.custom.css" type="text/css" title="ui-theme" />
<link href="ui.jqgrid.css" rel="stylesheet" />
<link href="ui.multiselect.css" />
<link href="Site.css" rel="stylesheet" />
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="jquery-ui-git.js" type="text/javascript"></script>
<script src="jqgrid/plugins/ui.multiselect.js" type="text/javascript"></script>
<script src="jquery.contextmenu-fixed2.js" type="text/javascript"></script>
<script src="grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.jqGrid.src-multiselect1-deleteandsortpatches.js"></script>
<script src="json2.js" type="text/javascript"></script>
<script src="erp.js" type="text/javascript"></script>
<script type="text/javascript">
var $grid = $("#grid");
$(function() {
"use strict";
$grid.jqGrid({
...
$grid.jqGrid('navButtonAdd', '#grid_toppager', {
onClickButton: function () {
$(this).jqGrid('columnChooser', {
});
}
});
最佳答案
如果您获得一些使用 columnChooser 且工作正常的工作演示，然后删除所需的 ui.multiselect.css，那么您将获得非常接近您的结果。
参见 the demo显示
因此我建议您在 Fiddler 或 Firebug 中验证 ui.multiselect.css 是否确实正确加载到您的解决方案中。可能你应该只更换行
<link href="ui.multiselect.css" />
用线
<link href="jqgrid/plugins/ui.multiselect.css" />
这对应于您使用的另一行
<script src="jqgrid/plugins/ui.multiselect.js" type="text/javascript"></script>
关于javascript - 如何修复 jqgrid 列选择器垃圾布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10782410/