asp.net 如何弹出模式窗口,如下图,鼠标指向某区域显示编辑按扭,点击编辑按钮弹出来一个窗口进行数据修改不用AJAX

解决方案 »

  1.   

    不用Ajax,那就用Javascript和Iframe
      

  2.   

    弹出层 用show hide比较简单
      

  3.   

    先建立一个页面 A.ASPX 里面包含你的那个文本编辑框 可以用dotnettextbox 或者其他的 网上找 多的是啊然后参照这个DEMO把弹出层做好页面连接A.ASPX。然后你的TEXTBOX即可
      

  4.   

    window.showModalDialog(url) 就可以 啊
      

  5.   

    OnClientClick=<%# "OpenWindow('"+Eval("Id")+"', 700,250);return false;" %>
        
    <SCRIPT src="js/ui.mouse.js" type=text/javascript></SCRIPT>
      <SCRIPT src="js/ui.draggable.js" type=text/javascript></SCRIPT>
      <SCRIPT src="js/jquery.jwindow.js" type=text/javascript></SCRIPT>
      <script>
     function OpenWindow(id,width,height) {
      var p = document.getElementById("<%=hf_Id.ClientID %>").value;
      var url = "a.aspx?Id=" + id + "&pId=" + p;
      SetTitle(url);
      OpenJWindow('#openwin', url, width, height, EditClosed);
    }
    function SetTitle(url)
    {
      var obj = document.getElementById("winTitle");
        
      if(url.lastIndexOf("Id") >0){
      obj.innerHTML ="编辑";
      return;
      }   
      obj.innerHTML ="新增";
    }
    function EditClosed(result) {  if (result == "0") return;
      return false;
    }
      

  6.   

    window.showModalDialog(url);
    设置一下参数就OK啦
    "dialogtop:300px;dialogleft:380px;dialogWidth:500px;dialogHeight:250px;edge:sunken;help:no;status:no;scroll:yes; "; 
      

  7.   

    你截图的效果看
    要么是 jquery   要么是用了插件的
      

  8.   

    估计就是这要不用SHOWMODULEDIALOG也行不过没这好看.