datagrid 加上resize 事件怎么自适应

Posted 2023-04-14

参考技术A 1.底部如果没有分页工具栏(即datagrid属性pagination为false)，这种情况可以直接设置datagrid属性fit为true 即可。
2.底部如果有分页工具栏时(即datagrid属性pagination为true)，这时需要监听window对象(即浏览器窗口)大小的改变， 动态的改变datagrid大小。
这时用到resize()函数，它用于为每个匹配元素的resize事件绑定处理函数。该函数也可用于触发resize事件。此外，还可以额外传递给事件处理函数一些数据。
语法：
jQueryObject.resize( [ [ data ,] handler ] );(参数均为可选)

触发window对象的resize事件：
$(window).resize(function()
alert("调整了窗口大小!");
);

可以在事件处理函数中对datagrid进行尺寸调整。
$(window).resize(function ()
$('#+datagridID').datagrid('resize');
);本回答被提问者采纳

弹出了一个dialog页面，怎么设置才能让dialog自适应浏览器的大小

参考技术A 弹出框和保持长宽比是两个事件，弹出框（dialog）、保持长宽比（resizeable）jqueryui.com/" target="_blank">http://api.jqueryui.com/，这是API的开发文档；下面是一个保持长宽比的例子，这样说你应该能明白了吧，如果不明白那就看一下开发文档

   $("#resizable").resizable(
       aspectRatio: 16/9
   ); 参考技术B 获取浏览器显示区域的宽高，计算出你想要的话框大小，计算显示位置，一切都好了，显示。