asp.net2008 ajax下自动动态设置网页大小

liangyong007a 2009-04-28 11:05:57

                        

<iframe id="treeinfo"  name="resultFrame" marginwidth="0" marginheight="0" src="about:blank"  frameborder="0" width="100%" scrolling="no"

                           onload="this.style.height=treeinfo.document.body.scrollHeight"  height="100%">

                        </iframe>

                       



<body style="background-color: #E8F5FE;" >

    <form id="form1" runat="server">

    <div id="listDiv" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

    <ContentTemplate>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 

            ConnectionString="<%$ ConnectionStrings:ConnectionString2 %>" 

            .....省略掉

        </asp:SqlDataSource>

          

        <asp:ListView ID="ListView1" runat="server" DataKeyNames="N_UNITID" 

            DataSourceID="SqlDataSource1" >  

            .....省略掉

        </asp:ListView>

                    <asp:DataPager ID="DataPager2" runat="server" PagedControlID="ListView1" 

                        PageSize="5"  onprerender="DataPager2_PreRender" >

                        <Fields>   

                            <asp:NextPreviousPagerField  ButtonType="Link" ShowFirstPageButton="True" ShowPreviousPageButton="True" ShowLastPageButton="True"  RenderDisabledButtonsAsLabels="False" />

                            <asp:NumericPagerField ButtonCount="10"  />                            

                        </Fields>

                    </asp:DataPager>



    </ContentTemplate>

    </asp:UpdatePanel>      

    </div>  

    </form>

</body>

parent.document.getElementById('treeinfo').style.height = parent.treeinfo.document.body.scrollHeight;

如上,黑色部分是经过查询后加在蓝色部分的框架中的.框架的高度是根据被加载页面而改变大小的.现在问题是:
因为采用了ajax无刷新模式.当点DataPager中分页导航条时,不同页的ListView中的表格高度可能不一样.这样就会造成在网页中显示不全,不能网页动态适应ListView高度变化而进行高度调整.
当然,我在代码中加入手动控制按钮,在按钮中加入紫色部分代码,是可以调整高度让网页显示完全.
问题是,我如何让系统自动根据用户点DataPager中页导航条市,执行紫色部分代码.让网页自动调整高度?
注:不用ajax无刷新模式,系统是自动能调整高度的

...全文

631 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

liangyong007a 2009-04-28

打赏
举报

问题补充:
如上,第二部分代码是经过查询后加在第一部分代码框架中的.框架的高度是根据被加载页面而改变大小的.现在问题是:
因为采用了ajax无刷新模式.当点DataPager中分页导航条时,不同页的ListView中的表格高度可能不一样.这样就会造成在网页中显示不全,不能网页动态适应ListView高度变化而进行高度调整.
当然,我在代码中加入手动控制按钮,在按钮中加入第三段代码,是可以调整高度让网页显示完全.
问题是,我如何让系统自动根据用户点DataPager中页导航条市,执行第三部分代码.让网页自动调整高度?
注:不用ajax无刷新模式,系统是自动能调整高度的

chyd1111 2009-04-28

打赏
举报

顶一个。

zhangli0911 2009-04-28

打赏
举报

顶个

baoxuetianxia 2009-04-28

打赏
举报

算了我也跟一把把

makun0624 2009-04-28

打赏
举报

学习`关注`UP

liangyong007a 2009-04-28

打赏
举报

自己搞定了,为后来者作参考:

在后台加的这么一句话即可实现:



        protected void DataPager2_PreRender(object sender, EventArgs e)

        {

ScriptManager.RegisterClientScriptBlock(UpdatePanel1, UpdatePanel1.GetType(), "", "parent.document.getElementById('treeinfo').style.height = parent.treeinfo.document.body.scrollHeight;", true);

}