Easyui dialog Y轴滚动条定位

简介: 使用Easyui dialog进行数据新增的时候,如果Y轴方向有滚动条,当关闭之前的时候,将滚动条拉到最下方,再次打开的时候,滚动条还是定位在最下方。需求: 每次打开的时候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');
    $('#tabs').tabs('update', {
        tab: currentTab,
        options: {
            href: url
        }
    });
     currentTab.panel('refresh');
}

 

相关文章
|
测试技术
Easyui 去除jquery-easui tab页div自带滚动条
Easyui 去除jquery-easui tab页div自带滚动条
77 0
easyui dialog 按钮动态命名
1.方法一: /** * grid新增 * 弹框并且获取支付类型 */ function gridAdd() { var dlg = $('#mydialog').dialog({ title : "缴纳保证金", buttons : [ { ...
941 0
|
前端开发
easyUI创建dialog弹框
1.在当前页面必须有一个DIV     2.DIV这个可以弹出对话框     //DIV对象 var detailLog= $('#dialog-alarm-detail').
884 0
|
JavaScript 前端开发
EasyUI - DataGrid 去右边空白滚动条列
在网上查了很长时间没有找到解决方法,干脆自已查看一下代码来解决吧,随是压缩过的,不过也还是好查的,工夫不负有心人,终于解决了,方法如下: 一、我们先让表格自适应宽度 DOCTYPE html> Basic DataGrid - jQuery EasyUI Dem...
975 0
|
JavaScript API
jQuery EasyUI API 中文文档 - 对话框(Dialog)
Dialog 对话框 扩展自 $.fn.window.defaults,用 $.fn.dialog.defaults 重写了 defaults。 依赖 window linkbutton 用法 1. 2.     Dialog Content.   3. 1. $('#dd').dialog({   2.     modal:true 3. });  特性 其特性扩展自 window,下列是为 dialog 重写的特性。
866 0