ASP.NET - Iframe相当于使用Ajax或UpdatePanel显示多个网格视图

时间:2011-05-06 20:23:02

标签: asp.net ajax gridview iframe updatepanel

问题:

  • ASP.NET中是否有HTML的IFrame等同物?
  • 如果是这样,你能提供一些关于如何实现这个的示例代码吗?
  • 尝试将以下Access VBA运行时转换为ASP.NET页面的最佳方法是什么?

以下是Access Runtime Application的截图:

App Screenshot

用户选择搜索条件:

  • 国家
  • 邮政编码
  • 计划代码(D,F,G,M,N)
  • 运营商名称(可选)

男/女最低费率表显示:

  • 最低费率
  • 运营商名称
  • 每个受保年龄(65,70,75和80)

所有汇率表显示:

  • 所有运营商名称
  • 保险年龄(65,70,75和80)
  • 男性和女性的费率

运营商信息表(当用户点击运营商名称时)显示:

  • 街道补偿第1年
  • 保单费用
  • 配偶折扣
  • 网站
  • 保险费率生效日期
  • 保险费率变更记录

任何有用的答案都会得到投票! 谢谢你的期待!

3 个答案:

答案 0 :(得分:2)

看起来像是一堆定位的div给我,使用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>

结果

Doesn't it look lovely?

答案 1 :(得分:1)

查看http://www.ext.net/处的样本。他们有很多ASP.NET控件,如果你不习惯自己处理大量的HTML / CSS,你会发现它们更容易使用。具体来说,请查看视口(但其他视频也适用) - http://examples.ext.net/#/ViewPort/Basic/Built_in_CodeBehind/

答案 2 :(得分:1)

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