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

发布于 2024-11-05 21:12:30 字数 731 浏览 0 评论 0原文

问题:

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

以下是 Access 运行时应用程序的屏幕截图:

App Screenshot

用户选择搜索条件:

  • 邮政编码
  • 计划代码 (D、F 、G、M、N)
  • 承运商名称(可选)

男性/女性最低费率表显示:

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

所有费率表显示:

  • 所有承运商名称
  • 受保年龄 ( 65、70、75 和 80)
  • 男性和女性承保人的费率费用

信息表(当用户单击承保人名称时)显示:

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

任何有用答案将获得赞成票! 感谢您的关注!

Question:

  • Is there an equivalent for HTML's IFrame in ASP.NET?
  • If so, could you provide some example code on how to implement this?
  • What would be the best approach for trying to convert the following Access VBA Runtime into an ASP.NET Page?

Here's a screenshot of the Access Runtime Application:

App Screenshot

The User selects Search Criteria:

  • State
  • Zip Code
  • Plan Code (D, F, G, M, N)
  • Carrier Name (Optional)

Male / Female Lowest Rate table displays:

  • Lowest Rate
  • Carrier Name
  • for each Insured Age (65, 70, 75, & 80)

All Rates Table displays:

  • ALL Carrier Names
  • Insured Age (65, 70, 75, & 80)
  • Rate Costs for Male and Female

Carrier Information table (when user clicks on a carrier name) displays:

  • Street Level Compensation Year 1
  • Policy Fee
  • Spousal Discount
  • Website
  • Insurance Rate Effective Date
  • Insurance Rate Change History

Any helpful answers will get an up-vote!
Thanks for looking!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

┊风居住的梦幻卍 2024-11-12 21:12:30

对我来说,看起来像是一堆定位的 div,使用 CSS 应该是可行的。也可能使用 UpdatePanel

示例 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>

结果

看起来不是很可爱吗?

Looks like a bunch of positioned divs to me, using CSS it should be doable. Also using UpdatePanels, likely.

Sample HTML & CSS

Note, this is a quick sample to get you started but is probably NOT perfect!

<?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>

Result

Doesn't it look lovely?

鸠魁 2024-11-12 21:12:30

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

Check out the samples at http://www.ext.net/. They have a lot of ASP.NET controls that you may find easier to work with if you're not comfortable handling a lot of HTML/CSS on your own. Specifically, check out the viewport (but others will apply too) -- http://examples.ext.net/#/ViewPort/Basic/Built_in_CodeBehind/

看透却不说透 2024-11-12 21:12:30

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

Personally, I had good experiences with the (commercial) ASPxSplitter control from DevExpress.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文