创建弹出面板或类似

Question

我有一个请求..我需要创建一个链接，然后点击链接后...弹出窗口应该会出现一个gridview，但无论从网格视图中选择什么，我应该将它传递给一个标签上弹出窗口的页面..我该怎么做？

我不想创建一个单独的页面..只是希望能够在面板中添加gridview ...然后在单击链接按钮时弹出面板。

到目前为止，我在面板中有面板和gridview，如何让它弹出？

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>