jqGrid 列选择器对话框可调整大小，但调整大小时内部内容不会在调整大小时拉伸

发布于 2024-12-28 20:53:59 字数 101 浏览 1 评论 0原文

我使用 jqGrid 和 ui.multiselect.js 进行列选择和重新排序。出现的对话框可以调整大小，但调整大小时，对话框的内容不会调整大小。你必须参加任何活动才能做这些事情吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

千仐 2025-01-04 20:53:59

你是对的。目前，这是列选择器中的问题。

最好在 columnChooser 方法的代码中进行一些修复。首先，您可以在创建对话框后在“列选择器”对话框中进行一些更改来改善调整大小的情况。例如，使用以下代码，

$(this).jqGrid('columnChooser',
    {width: 550, msel_opts: {dividerLocation: 0.5}});
var columnChooser = $("#colchooser_" + $.jgrid.jqID(this.id));
columnChooser.css('min-width', columnChooser.width() + 'px');
var dialog = columnChooser.closest('div.ui-dialog');
columnChooser.closest('div.ui-dialog').css('min-width', dialog.width() + 'px');

var div = columnChooser.children('div:has(div.ui-multiselect)');
div.css('width', '100%');

var uiMultiselect = div.children('div.ui-multiselect');
uiMultiselect.css('width', '100%');
uiMultiselect.children('div.available').css({width: '49.9%'});
uiMultiselect.children('div.selected').css('width', '49.9%');

您将在水平调整大小时获得相当好的结果（请参阅演示）。通过这种方式，您可以解决或至少改善调整大小的结果。

更新：我发布了这里建议使columnChooser真正可调整大小。您可以在演示上查看结果。

You are right. Currently it's a problem in the column chooser.

It's better to make some fixes in the code of the columnChooser method. Before all you can improve the situation with resizing by making some changes in the Column Chooser dialog after the dialog is created. For example with the following code

$(this).jqGrid('columnChooser',
    {width: 550, msel_opts: {dividerLocation: 0.5}});
var columnChooser = $("#colchooser_" + $.jgrid.jqID(this.id));
columnChooser.css('min-width', columnChooser.width() + 'px');
var dialog = columnChooser.closest('div.ui-dialog');
columnChooser.closest('div.ui-dialog').css('min-width', dialog.width() + 'px');

var div = columnChooser.children('div:has(div.ui-multiselect)');
div.css('width', '100%');

var uiMultiselect = div.children('div.ui-multiselect');
uiMultiselect.css('width', '100%');
uiMultiselect.children('div.available').css({width: '49.9%'});
uiMultiselect.children('div.selected').css('width', '49.9%');

you will have fairly good results with the horizontal resizing (see the demo). In the way you can either solve or at least have improve the results of resizing.

UPDATED: I posted here suggestions to make columnChooser really resizable. You can see the results on the demo.

回复收藏 0 原文

~没有更多了~