ASP.NET-Iframe相当于使用Ajax或UpdatePanel显示多个GridView

ASP.NET-Iframe相当于使用Ajax或UpdatePanel显示多个GridView,asp.net,ajax,gridview,iframe,updatepanel,Asp.net,Ajax,Gridview,Iframe,Updatepanel,问题: ASP.NET中是否有HTML的IFrame的等价物 如果是这样的话,您能提供一些关于如何实现这一点的示例代码吗 尝试将以下Access VBA运行时转换为ASP.NET页面的最佳方法是什么 下面是Access运行时应用程序的屏幕截图: 用户选择搜索条件: 陈述 邮政编码 平面图代码(D、F、G、M、N) 承运人名称(可选) 男性/女性最低比率表显示: 最低利率 承运人名称 每个投保年龄(65、70、75和80岁) 所有费率表显示: 所有承运人名称 投保年龄(65、70、

问题:

  • ASP.NET中是否有HTML的IFrame的等价物
  • 如果是这样的话,您能提供一些关于如何实现这一点的示例代码吗
  • 尝试将以下Access VBA运行时转换为ASP.NET页面的最佳方法是什么
下面是Access运行时应用程序的屏幕截图:

用户选择搜索条件:

  • 陈述
  • 邮政编码
  • 平面图代码(D、F、G、M、N)
  • 承运人名称(可选)
男性/女性最低比率表显示:

  • 最低利率
  • 承运人名称
  • 每个投保年龄(65、70、75和80岁)
所有费率表显示:

  • 所有承运人名称
  • 投保年龄(65、70、75和80岁)
  • 男性和女性的费率成本
承运商信息表(当用户单击承运商名称时)显示:

  • 第1年街道级别补偿
  • 保单费
  • 配偶折扣
  • 网站
  • 保险费率生效日期
  • 保险费率变动历史记录
任何有帮助的答案都将获得投票!
谢谢你的关注

在我看来就像一堆定位的
div
s,使用CSS应该是可行的。也可能使用
UpdatePanel
s

示例HTML和CSS 注意,这是一个快速入门的示例,但可能并不完美

<?DOCTYPE html>

<html xml:lang="en-us" lang="en-us">
    <head>
        <title>Test</title>
        <style type="text/css">
            html, body
            {
                margin: 0;
                width: 100%;
                height: 100%;
            }

            div
            {
                border: 1px solid Green;
            }

            div#Page
            {
                display: table;
                width: 100%;
                height: 80%;
            }

            div#Top
            {
                display: table-row;
            }

            div#Top div#Left,
            div#Top div#Middle,
            div#Top div#Right
            {
                display: table-cell;
                width: 33%;
            }

            div#Top div#Left div#Logo
            {
                height: 100px;
            }

            div#Bottom
            {
                height: 20%;
            }
        </style>
    </head>
    <body>
        <div id="Page">
            <div id="Top">
                <div id="Left">
                    <div id="Logo">
                        Logo Here
                    </div>
                    Carrier...
                </div>
                <div id="Middle">
                    Search
                </div>
                <div id="Right">
                    The red stuff...
                </div>
            </div>
        </div>
        <div id="Bottom">
            Grid...
        </div>
    </body>
</html>

测验
html,正文
{
保证金:0;
宽度:100%;
身高:100%;
}
div
{
边框:1px纯绿色;
}
第页
{
显示:表格;
宽度:100%;
身高:80%;
}
顶面
{
显示:表格行;
}
div#上div#左,
分区#上分区#中分区,
div#顶部div#右侧
{
显示:表格单元格;
宽度:33%;
}
div#上div#左div#徽标
{
高度:100px;
}
舱底
{
身高:20%;
}
这里的标志
载体
搜索
红色的东西。。。
网格
后果
在我看来就像一堆定位的
div
s,使用CSS应该是可行的。也可能使用
UpdatePanel
s

示例HTML和CSS 注意,这是一个快速入门的示例,但可能并不完美

<?DOCTYPE html>

<html xml:lang="en-us" lang="en-us">
    <head>
        <title>Test</title>
        <style type="text/css">
            html, body
            {
                margin: 0;
                width: 100%;
                height: 100%;
            }

            div
            {
                border: 1px solid Green;
            }

            div#Page
            {
                display: table;
                width: 100%;
                height: 80%;
            }

            div#Top
            {
                display: table-row;
            }

            div#Top div#Left,
            div#Top div#Middle,
            div#Top div#Right
            {
                display: table-cell;
                width: 33%;
            }

            div#Top div#Left div#Logo
            {
                height: 100px;
            }

            div#Bottom
            {
                height: 20%;
            }
        </style>
    </head>
    <body>
        <div id="Page">
            <div id="Top">
                <div id="Left">
                    <div id="Logo">
                        Logo Here
                    </div>
                    Carrier...
                </div>
                <div id="Middle">
                    Search
                </div>
                <div id="Right">
                    The red stuff...
                </div>
            </div>
        </div>
        <div id="Bottom">
            Grid...
        </div>
    </body>
</html>

测验
html,正文
{
保证金:0;
宽度:100%;
身高:100%;
}
div
{
边框:1px纯绿色;
}
第页
{
显示:表格;
宽度:100%;
身高:80%;
}
顶面
{
显示:表格行;
}
div#上div#左,
分区#上分区#中分区,
div#顶部div#右侧
{
显示:表格单元格;
宽度:33%;
}
div#上div#左div#徽标
{
高度:100px;
}
舱底
{
身高:20%;
}
这里的标志
载体
搜索
红色的东西。。。
网格
后果

在查看样本。他们有很多ASP.NET控件,如果您不习惯自己处理大量HTML/CSS,您可能会发现使用这些控件更容易。具体来说,请查看视口(但其他视口也将适用)--

在查看示例。他们有很多ASP.NET控件,如果您不习惯自己处理大量HTML/CSS,您可能会发现使用这些控件更容易。具体来说,请查看viewport(但其他人也适用)--

就个人而言,我对来自DevExpress的(商业)有很好的体验。

就个人而言,我对来自DevExpress的(商业)有很好的体验。

感谢您的回复。你能给我一些这方面的示例代码吗?我如何将这段代码合并到现有的CSS-#Table1{height:119px;width:33%;}.style2{height:39px;width:15%;}.style3{width:15%;}.style4{height:39px;width:28%;}.style5{width:28%;}.style6{height:20px;width:15%;}.style7{height:20px;width:28%;}我建议你把它作为一个单独的问题来问……然后接受这个作为帮助你的答案。;-)谢谢你的回答。你能给我一些关于这个的示例代码吗?我如何将这个代码合并到现有的CSS中-#Table1{高度:119px;宽度:33%;}。style2{高度:39px;宽度:15%;}.style3{宽度:15%;}.style4{高度:39px;宽度:28%;}。