JS

Amaze如何实现局部刷新实现iframe?

做一个后台管理的网站,但是不想每次进入一个链接都整个网页刷新,而是只有右边内容的部分加载进来,不用整个网页刷新相当于实现iframe,AmazeUI在这个方面有比较好的解决方法吗?

amaze局部刷新.png
已邀请:

qqliuyifanqq

赞同来自:

这样子的话侧边栏主框架以后要增加东西就不需要一个个去改了,另外在ASP .NET中是有一个叫模板页的东西,但是模板页也是会整个网页的刷新,而不是只有我要更新的部分去刷新。

阳光满溢

赞同来自:

 <!--main content start-->
<section id="main-content" style="padding-bottom:0px;">
<iframe src="back/defaults.html" id="main-iframe" name="iframepage" frameBorder=0 scrolling=no width="100%" height=100%
></iframe>
</section>
<!--main content end-->
//上面是iframe


其中一个子菜单<li><a class="menu-url" href="javascript:;" url="${row.menuLink}" >${row.menuName }</a></li>
$(function(){
<script type="text/javascript">
//菜单点击 拿到url iframe跳转
$('#main-content').height($('body').height() - 70);
$('.menu-url').click(function(){
var url = $(this).attr('url');
$('#main-iframe').attr('src',url);
});

})



 

腾林

赞同来自:

$(function(){
    $(".refresh").click(function(){
        $(".right iframe").get(0).contentWindow.location.reload();
    });
});

看得懂刷新不?

要回复问题请先登录注册