팝업 패널 또는 유사하게 만들기

요청이 있습니다 .. 링크를 만들 때 링크를 클릭해야하는 곳 .. 팝업은 그리드보기가 있어야하지만 그리드보기에서 선택되어 있으면됩니다. 팝업이 시작된 페이지의 레이블로 전달해야합니다. 어떻게해야합니까?팝업 패널 또는 유사하게 만들기

별도의 페이지를 만들고 싶지 않습니다. 단지 패널에 gridview를 추가 할 수 있기를 원하며 링크 버튼을 클릭하면 패널 팝업이 표시되게하고 싶습니다.

그래서 지금까지 패널과 gridview가 패널에 있었는데 어떻게 만들 수 있습니까?

PS : 나는 또한

이

출처

2011-09-20 user710502

Have a look at the ajax control toolkit.

This example demos 원하는 팝업 기능을 감사합니다 (I 사용할 수 거기에서 거기에 아무것도) Telerik 그냥 많이 사용하지 않은 있습니다.

출처

2011-09-20 15:40:58 Icarus

위대한 사람들은 Telerik을 가지고 있다면 무엇을 사용할 수 있습니까? – user710502

@ user710502 Window 컨트롤을 사용하십시오. 데모는 다음과 같습니다. http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx – Icarus

감사합니다. – user710502

DIV에 gridview를 넣고 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>

출처

2011-09-20 16:30:36

팝업 패널 또는 유사하게 만들기

답변

관련 문제