点击此处1
右侧局部刷新
 
一、局部刷新_简介
a)可以将普通的链接轻松转换成局部刷新效果,无须增加任何js;
b)可以无限级局部刷新,无限级嵌套;
c)可以在局部刷新的页面中继续完整使用现有的富编辑器、验证控件、上传控件、弹窗等等,原有开发模式不受影响
二、局部刷新_优点
a)减少网络数据传输量,降低带宽压力;
b)大幅减少服务端数据计算和查询;
c)速度更快,视觉体验更佳
三、使用语法
    	<a href="someLink" class="frmLink" loadTo="mainPage" nolayout=2>点击此处,局部刷新</a>
    
增加3个属性,即可将普通的链接转换成局部刷新链接:
1)增加一个名为 frmLink 的 class
2)链接的内容加载到(load to)页面的哪个局部?请在loadTo属性中,输入此局部的id
3)设置 nolayout 的值,必须是数字。
【nolayout说明】
禁止呈现的layout层级,从顶部开始,1表示禁止呈现链接页面的第一个layout,2表示禁止呈现1和2这两个layout……n表示从1到n的所有layout都禁止呈现,999表示禁止呈现所有layout,0表示呈现全部layout
---------------

<a href="a.aspx" class="frmLink" loadTo="mainPage" nolayout=0>pageA</a>——包括所有布局

<a href="a.aspx" class="frmLink" loadTo="mainPage" nolayout=1>pageA</a>——剔除顶层布局

<a href="a.aspx" class="frmLink" loadTo="mainPage" nolayout=2>pageA</a>——剔除从顶层开始的1级、2级布局

<a href="a.aspx" class="frmLink" loadTo="mainPage" nolayout=n>pageA</a>——剔除从顶层开始的n级布局

<a href="a.aspx" class="frmLink" loadTo="mainPage" nolayout=999>pageA</a>——剔除所有布局

--------------
现在,你可以在本网站任何一个链接的尾部加上“?nolayout=1”(或其他数字)来查看效果
前端示例代码1

<table style="width:100%; height:350px;" border="1" id="Table1" cellspacing="0">
    <tr>
        <td id="sidebarTest">
            <a href="#{lnkRight}" class="frmLink" loadto="mainRight" nolayout=2>点击此处1</a><br />右侧局部刷新
        </td>            
        <td id="mainRight"></td>
    </tr>    
</table>

    
前端示例代码2

<div style="margin:10px; ">
    <div style=" background:#ffd700; padding:10px;">
    <a href="#{lnkBottom}" class="frmLink" loadto="mainBottom" nolayout=2>点击此处2</a>,下侧刷新</div>    
    <div id="mainBottom" style="background:#fff;"></div>
</div>

    
前端示例代码1

<div><a href="#{lnkBottomBox}" class="frmBox">在本局部页面中,还可以弹窗</a></div>
<div style="margin-top:10px;">
    <textarea id="TextArea1"  style="width:280px; height:50px;"></textarea>
</div>


    
服务端代码
        public void Index() {
            set( "lnkRight", to( MainRight ) );
        }

        public void MainRight() {
            set( "lnkBottom", to( MainBottom ) );
        }

        public void MainBottom() {
            set( "lnkBottomBox", to( MainBottomBox ) );
        }

        public void MainBottomBox() {
            set( "lnkRefreshParent", to( RefreshParent ) );
        }

        public void RefreshParent() {
            echoToParentPart( "刷新父页面局部" );
        }