Создать всплывающую панель или подобное

Question

У меня есть запрос ... где мне нужно создать ссылку, затем после щелчка по ссылке ... во всплывающем окне должен появиться вид сетки, но независимо от того, что выбрано из этого вида сетки, я должен передать егоярлык на странице, где появилось всплывающее окно .. Как я могу это сделать?

Я не хочу создавать отдельную страницу .. просто хочу иметь возможность добавить вид сетки, возможно, на панели ..и затем сделайте панель всплывающей после нажатия на кнопку ссылки.

До сих пор у меня есть панель и вид сетки на панели, как мне заставить ее всплыть?

PS: У меня также есть Telerik, просто я не использовал его много (есть ливсе, что я могу использовать)

Спасибо

Answer 1

Взгляните на инструментарий управления ajax.

В этом примере демонстрируется требуемая всплывающая функция.

Answer 2

Я бы поместил gridview в DIV и скрыл div.Затем вы можете использовать JQuery для отображения DIV, захвата выбранного вами значения и установки метки.Все это может быть сделано на стороне клиента, избегая любых поездок на сервер, так как кажется, что это не должно быть необходимым для того, что вы описали.Вот очень простой пример.Я просто показываю текстовое поле, и введенное значение обновляется в метке.Вы, конечно, захотите добавить немного стиля и HTML, чтобы ваш div больше походил на форму.Но это должно помочь вам начать.Вам также нужно будет включить ссылки на jquery.

<script type="text/javascript">
    $(document).ready(function () {
        $('.ok').click(function (e) {
            //Cancel the link behavior
            e.preventDefault();

            $('#lbl').text($('#input').val());
            $('#dialog').hide();

    });

        $('#btnShow').click(function (e) {
            //Cancel the link behavior
            e.preventDefault();

            //Set the popup window to center
            $('#dialog').css('top', $(window).height() / 2 - $('#dialog').height() / 2);
            $('#dialog').css('left', $(window).width() / 2 - $('#dialog').width() / 2);

            $('#dialog').show();

        });


    });
</script>

<label id="lbl">Old Value</label>
<input type="button" id="btnShow" value="Get Value" />
<div id="dialog" style="display:none; width:440px; height:200px; position:absolute;  ">
    <input type="text" id="input" />
    <input type="button" value="OK" class="ok" style="width:70px"/>
</div>