jqGrid选择列控件向右拖拽超出边界处理

最新推荐文章于 2022-11-09 22:53:44 发布

转载最新推荐文章于 2022-11-09 22:53:44 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fang8206/p/10681963.html

文章标签：

#javascript #ui #ViewUI

本文介绍如何使用jqGrid插件中的列选择控件，并通过JavaScript代码实现当控件拖拽超出浏览器窗口边界时的限制处理，确保用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jqGrid选择列控件向右拖拽超出边界处理

$("#tb_DeviceInfo").jqGrid('navButtonAdd', '#jqGridPager', {
                    caption: "选择列",
                    buttonicon: "ui-icon-newwin",
                    title: "",
                    jqModal: true,
                    position: "last",
                    onClickButton: function () {
                        $("#tb_DeviceInfo").jqGrid('columnChooser', {
                            dialog_opts: {
                                modal: true,
                                draggable: true,
                                resizable: false,
                                //minHeight: 350,
                                minWidth: 450,
                                show: 'blind',
                                hide: 'explode',
                                dragStart: function (event, ui) {
                                    var maxLeft = $(window).width() - 450;
                                    if (maxLeft < ui.offset.left)
                                        ui.position.left = maxLeft;
                                }
                            }
                        });
                    }
                });