zoukankan      html  css  js  c++  java
  • easyui tab 更新页面a.jsp,a.jsp中存在easyui-window,easyui-windwo弹出窗口样式、js失效问题。

    master.jsp内容如下:
    <div id="divtabs" class="easyui-tabs" style="height:auto">
    	<div title="信息列表"></div>
    </div>
    

    我要动态更新master.jsp信息列表的内容,更新方法如下,

    var tab = $('#divtabs').tabs('getTab',0); // get selected panel
    $('#divtabs').tabs('update', {
    					tab : tab,
    					options : {
    						title : node.text,
    						href:node.url
    					}
    				});
                    tab.panel('refresh');
    

     node.url对应一个新的a.jsp页面,内容如下:

    ............省略
    <div id="divadd" class="easyui-window" title="管理员信息添加"
    	style="padding:20px;top:100px;">
    		<table style="min-height:300px;">
    			<tr>
    				<td>用户名:</td>
    				<td><input id="txtLoginname" class="easyui-textbox" type="text" name="loginname" data-options="required:true,missingMessage:'请填写用户名名'"></input>
    				</td>
    			</tr>
                    </table>
    </div>
    

    弹出窗口divadd,样式失效。解决办法如下:

    1、给窗口设置属性inline,当为true时,相当于和父页面是同一个页面;false时,相当于新的页面(估计这就是样式失效的原因)。设置此属性时,窗口位置会改变,所以还有设置divadd 样式style="top:100px;"

    $("#divadd").window({inline:true});

    2、使用$.parser.parse('#divadd');页面加载完成后,使用这个解析器,会重新解析divadd下面的easyui元素。原理,我也不清楚。

    如果有其他办法,各位可以评论下。

     
  • 相关阅读:
    JS 百度地图路书---动态路线
    jQuery---创建和添加节点
    CSS基础
    第一篇:前端知识之HTML内容
    JS高级---为内置对象添加原型方法
    JS DOM属性+JS事件
    Vue-router
    vue使用kkfileview文件预览功能
    JS高级---案例:验证密码的强度
    promise是怎么来的?
  • 原文地址:https://www.cnblogs.com/mydotnetforyou/p/5832316.html
Copyright © 2011-2022 走看看