创建弹出面板或类似的

问题描述：

我有一个请求..在哪里我需要创建一个链接，然后点击链接..弹出应该拿出一个gridview在那里，但无论从该网格视图中选择我应该把它传递给弹出窗口起源页面上的标签..我该怎么做？创建弹出面板或类似的

我不想创建一个单独的页面..只是希望能够添加一个gridview可能在一个面板...然后使面板弹出一个单击linkbutton。

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

PS：我也有Telerik的只是没有用它多（有什么从那里，我可以使用）

谢谢

答

Have a look at the ajax control toolkit.

This example demos想要的弹出功能。

好，我忘了提及如果我有Telerik，我可以使用什么？ – user710502

@ user710502使用窗口控件。这里的演示：http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx – Icarus

谢谢，感谢您的建议 – user710502

答

我会把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>

创建弹出面板或类似的

相关推荐