Изменение размера окна выбора столбца jqGrid, но при изменении размера внутреннее содержимое не растягивается при изменении размера - PullRequest
Новая
       18

Изменение размера окна выбора столбца jqGrid, но при изменении размера внутреннее содержимое не растягивается при изменении размера

1 голос
/ 25 января 2012

Я использую jqGrid с ui.multiselect.js для выбора и изменения порядка столбцов. Диалоговое окно, которое появляется, имеет изменяемый размер, но при изменении его размера содержимое диалога не изменяется. Вы должны подключиться к любому событию?

1 Ответ

1 голос
/ 25 января 2012

Вы правы.В настоящее время это проблема с выбором столбца.

Лучше внести некоторые исправления в код метода 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 действительно изменяемым размером.Вы можете увидеть результаты на демо .

...