隐藏列设置 添加拖拽观察者，实现拖拽时其他内容不选中

chenhaozhe

2025-06-20 6e0eb5e49b8a8914c87f6b1997f39cc92b3c6777

隐藏列设置 添加拖拽观察者，实现拖拽时其他内容不选中

 WebTM/WebTM.csproj.user

@@ -4,7 +4,7 @@
    <NameOfLastUsedPublishProfile>D:\智云迈思\MES\MES-WEB-LayUI\WebTM\Properties\PublishProfiles\FolderProfile.pubxml</NameOfLastUsedPublishProfile>
    <NameOfLastUsedPublishProfile>D:\WorkBench\MES-WEB-LayUI\WebTM\Properties\PublishProfiles\FolderProfile.pubxml</NameOfLastUsedPublishProfile>
    <ProjectView>ShowAllFiles</ProjectView>
    <LastActiveSolutionConfig>Release|Any CPU</LastActiveSolutionConfig>
    <LastActiveSolutionConfig>Debug|Any CPU</LastActiveSolutionConfig>
    <UseIISExpress>true</UseIISExpress>
    <Use64BitIISExpress />
    <IISExpressSSLPort />

 WebTM/views/»ù´¡×ÊÁÏ/Òþ²ØÁÐÉèÖÃ/Gy_GridView_Hide_New.html

@@ -12,6 +12,7 @@
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/soulTable.slim.js"></script>
    <script src="../../../layuiadmin/zy_DragObserver.js"></script>
    <style>
        /* é˜²æ­¢ä¸‹æ‹‰æ¡†çš„下拉列表被隐藏---必须设置--- */
        /*.layui-table-cell {
@@ -377,6 +378,8 @@
                        }
                        form.render('checkbox');
                        form.render('select');

                        registerDragObserver()
                        layer.close(ajaxLoad);
                    } else {
                        var colTitleNames = colTitleName.split(',');
@@ -435,7 +438,8 @@
                        console.log(table.cache["mainTable"]) // æ”¹åŠ¨åŽæ•°æ®ç´¢å¼•
                    }
                }
                , done: function () {
                , done: function (res, curr, count) {

                    soulTable.render(this)
                }
            };
@@ -530,10 +534,35 @@
            })
        }

        //// æ³¨å†Œæ‹–拽观察者，监听表格拖拽变化
        function registerDragObserver() {

            // å¦‚果不支持，则什么都不执行
            if (typeof window.MutationObserver === 'undefined'
                && typeof window.WebKitMutationObserver === 'undefined') {
                console.warn('observer not supported')
                return
            }
            let targetEl = $(".layui-table-box")[0];
            let config = { attributes: true, childList: true, subtree: true };
            let observer = new MutationObserver(mutations => {
                mutations.forEach(function (mutation) {
                    if (mutation.attributeName === 'class') {
                        // ç›‘听class中内容的变化
                        if ($(mutation.target).hasClass('noselect')) {
                            document.documentElement.style.userSelect = 'none';
                            document.documentElement.style.webkitUserSelect = 'none';
                        } else {
                            document.documentElement.style.userSelect = '';
                            document.documentElement.style.webkitUserSelect = '';
                        }
                    }
                })
            })
            observer.observe(targetEl, config);
        }

        //#endregion

    });


</script>