我使用 jqGrid 和 ui.multiselect.js 进行列选择和重新排序。出现的对话框可以调整大小,但调整大小时,对话框的内容不会调整大小。
你必须参加任何活动才能做这些事情吗?
你是对的。目前,这是列选择器中的问题。
最好在代码中进行一些修复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%');
通过水平调整大小,您将获得相当好的结果(请参阅the demo)。通过这种方式,您可以解决或至少改善调整大小的结果。
UPDATED: 我已经发布here使列选择器真正可调整大小的建议。您可以在以下位置查看结果the demo.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)