ASP.NET — Iframe эквивалентен отображению нескольких просмотров сетки с помощью Ajax или UpdatePanel

#asp.net #ajax #gridview #iframe #updatepanel

#asp.net #ajax #просмотр сетки #iframe #updatepanel

Вопрос:

Вопрос:

  • Есть ли эквивалент для IFrame HTML в ASP.NET ?
  • Если да, не могли бы вы предоставить какой-нибудь пример кода о том, как это реализовать?
  • Какой был бы наилучший подход для попытки преобразовать следующую среду выполнения Access VBA в ASP.NET Страница?

Вот скриншот приложения Access Runtime:

Скриншот приложения

Пользователь выбирает критерии поиска:

  • Состояние
  • Почтовый индекс
  • Код плана (D, F, G, M, N)
  • Имя носителя (необязательно)

Отображает таблицу с наименьшими показателями для мужчин / женщин:

  • Самая низкая скорость
  • Имя носителя
  • для каждого застрахованного возраста (65, 70, 75, amp; 80)

Отображается таблица всех ставок:

  • ВСЕ имена носителей
  • Застрахованный возраст (65, 70, 75, amp; 80)
  • Оцените затраты для мужчин и женщин

Отображается таблица информации о носителе (когда пользователь нажимает на название носителя):

  • Компенсация уровня улицы 1 год
  • Плата за политику
  • Супружеская скидка
  • Веб-сайт
  • Дата вступления в силу страхового тарифа
  • История изменений страхового тарифа

Любые полезные ответы получат право голоса! Спасибо, что посмотрели!

Ответ №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>
  

Результат

Разве это не выглядит прекрасно?

Комментарии:

1. спасибо за ваш ответ. Можете ли вы дать мне какой-нибудь пример кода для этого?

2. как бы я включил этот код в существующий CSS — #Table1 { высота: 119 пикселей; ширина: 33%; } .style2 { высота: 39 пикселей; ширина: 15%; } .style3 { ширина: 15%; } .style4 { высота: 39 пикселей; ширина: 28%; } .style5 { ширина: 28%; } .style6 { высота: 20 пикселей; ширина: 15%; } .style7 { высота: 20 пикселей; ширина: 28%; } </style> </asp:Содержимое>

3. Я бы посоветовал вам задать это как отдельный вопрос … а затем принять это как ответ, который вам помог. 😉

Ответ №2:

Ознакомьтесь с примерами на http://www.ext.net /. У них много ASP.NET элементы управления, с которыми вам, возможно, будет проще работать, если вам неудобно самостоятельно обрабатывать большое количество HTML / CSS. В частности, проверьте область просмотра (но другие тоже будут применяться) — http://examples.ext.net/#/ViewPort/Basic/Built_in_CodeBehind /

Комментарии:

1. спасибо за ваш ответ. у вас есть какие-либо более конкретные примеры кода или предложения?

2. Вы также можете проверить UFrame — codeproject.com/KB/aspnet/uframe.aspx за классный способ обработки IFrames.

3. в ext.net и я не совсем уверен, что было бы лучше использовать. Какие лучшие плагины / элементы управления отключены ext.net что бы вы порекомендовали для решения этой проблемы и как бы мне добавить их в код? Я загрузил Ext.NET ZIP-файл версии 1.0 RC1 Community Edition и вручную добавлены элементы управления в VS Toolbox

4. Если вы загрузите примеры или перейдете на examples.ext.net/#/ViewPort/Basic/Built_in_Markup и нажмите на «Исходный код» в левом верхнем углу, вы можете увидеть разметку, использованную для создания примера. Регионы определены как «Север, юг, Восток и Запад», что делает макет довольно простым. Я бы посоветовал загрузить примеры и поиграть с разметкой, чтобы попытаться получить что-то близкое к тому, что вы хотели. Если вы перетащите элемент управления ViewPort из VS Toolbox, он должен автоматически добавить требуемую инструкцию «Register» на вашу страницу ASPX (примеры уже будут готовы к использованию)

Ответ №3:

Лично у меня был хороший опыт работы с (коммерческим) элементом управления ASPxSplitter от DevExpress.

Комментарии:

1. спасибо за ваш ответ. у вас есть какие-либо более конкретные примеры кода или предложения?

2. @Brian На странице, на которую я ссылался, есть 9 различных примеров использования разделителя. Для меня этого было достаточно. Вы всегда можете задать дополнительные вопросы на форумах поддержки DevExpress.