创建弹出面板或类似

时间:2011-09-20 15:38:29

标签: c# asp.net telerik

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

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

所以到目前为止,我在面板中有面板和gridview,如何让它弹出?

PS:我也有Telerik没用过多少(我可以使用的是什么)

谢谢

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:0)

我将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>