Easyui dialog Y轴滚动条定位

使用Easyui dialog进行数据新增的时候,如果Y轴方向有滚动条,当关闭之前的时候,将滚动条拉到最下方,再次打开的时候,滚动条还是定位在最下方。

需求: 每次打开的时候dialog Y轴滚动条定位在上方。

 

如图:

 

 

 

HTML文件:

复制代码
    <div id="mydialog" title="新建xxxx"
        class="easyui-dialog" data-options="modal:true,closed:true,draggable:false"
        style="width:945px;height:85%; margin: auto; display: none;">
        <div id="tt" class="easyui-tabs"  fit="true" fitColumns="true" border="true" style="width:auto;height:auto;">
        <div title="基本信息" closable="false" border="true" id="tt_tabs_a">    
        <form id="xxxx" action="" method="post">
            <input type="hidden" name="id" id="id" value="" />
            <table class="formTable" style="width: 40%;">
                      。。。。     
                    <tr>
                        <th>地址:</th>
                        <td><input id="address" type="text" name="address" style="width:310px;"
                            class="easyui-textbox" data-options="required:true"></input></td>
                    </tr>
                    <tr>
                        <th>邮箱:</th>
                        <td><input id="email" type="text" name="email" style="width:310px;"
                            class="easyui-textbox" data-options="required:false"></input></td>
                    </tr>
                    
                   。。。
            </table>
        </form>
        </div>
        </div>
    </div>
复制代码

 

JS文件:

    var currentTab = $('#tt').tabs('getSelected');
    $("#tt").tabs("select",0);
    RefreshTab(currentTab);
    $("#tt_tabs_a").scrollTop(0);

 

 

复制代码
//刷新当前标签Tabs
function RefreshTab(currentTab) {
    var url = $(currentTab.panel('options')).attr('href');
    $('#tt').tabs('update', {
        tab: currentTab,
        options: {
            href: url
        }
    });
     currentTab.panel('refresh');
}
复制代码

 

posted @   Mr_伍先生  阅读(3285)  评论(14编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示