如何根据内容自动调整jqxWindow的大小？

Question

我在jqxWindow元素中有动态内容。

如何根据需要调整jqxWindow的大小以自动调整内容大小？

您可以使用.jqxWindow({height: 'auto'})，但它仅适用于初始化。

Answer 1

我最终用以下技术完成了这项工作。

1. 在动态内容

的底部注入一个div作为标记

2. 使用带有.position().top

的jquery获取新高度

3. 使用.jqxWindow()

调整大小

例如：

// inject marker at bottom of dynamic content
// (i.e., during page initialization)
$('#myWindow').find('.jqx-window-content').append('<div id="bottomOfContent"></div>');

// get new height based on position of marker
var newHeight = $('#bottomOfContent').position().top + 100;

// apply new height
$('#myWindow').jqxWindow({height: newHeight});

注意：

1. 代码应该针对性能进行优化（缓存，高效查找等 - 上面的代码只是为了这个想法）。

2. 在检查标记的顶部位置之前，不要忘记等待添加动态内容

3. 如果出于某种原因需要在每次调整大小时注入标记，请不要忘记在调整大小后删除标记