您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

使jqGrid在Web浏览器上响应的方法

使jqGrid在Web浏览器上响应的方法

jqGrid width在许多内部结构(div,表等)上使用固定值。因此,不能只设置CSS width : 100%。但是,还有另一种方法可以做到这一点。可以resizewindow对象上注册事件处理程序并进行setGridWidth显式调用。该方法将jqGrid的 调整为新的宽度。因此,这将是干净的方法

如果使用,autowidth: true则jqGrid只能将jqGrid的宽度设置为其父级的宽度。在$(window).resize处理程序内部,我们可以获取父级的 (当前)宽度并重置grid的值width。相应的代码如下

$(window).on("resize", function () {
    var $grid = $("#list"),
        newWidth = $grid.closest(".ui-jqgrid").parent().width();
    $grid.jqGrid("setGridWidth", newWidth, true);
});

我用$("#list").closest(".ui-jqgrid")的,而不是$("#list")因为jqGrid的建立一些潜 的主要<table>元素。$("#list").closest(".ui-jqgrid")给出包括网格所有元素 的外部 div。

其他 2022/1/1 18:14:36 有417人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶