mvc下,3種窗口彈出設(shè)置的方法
更新時(shí)間：2013年07月29日 11:24:08 作者：
想做頁面美化，特別是在一個(gè)頁面中，只占了很小一塊的頁面，想做成彈出窗口樣式，稍微總結(jié)了下：
1、通過重寫,<input標(biāo)簽下按鈕的onclick事件，來進(jìn)行窗口的彈出設(shè)置：
<input type="button" onclick="window.open('../AddDpment','','height=180,width=550,fullscreen=no,resizable=yes,scrollbars=no,top=350,left=500')" value="添加部門"/>
其中，window.open('路徑','窗口的寬度，高度，相對(duì)窗體的位置，是否全屏，是否有滑動(dòng)等屬性設(shè)置','','');
2、通過重寫<a herf=''來獲得窗口：
<a href="" onclick="window.open('<%=Url.Action("EditDpment","Admin",new{id = item.Department_id}) %>','','width=530,height=200,location=no,menubar=no,status=no,scrollbars=no,resizable=no top=300,left=500')">部門修改</a><br />
其中。由于MVC中，路徑的原因，這里推薦使用<%=url.action>來設(shè)置其路徑，這里可以通過url.action中創(chuàng)建new{id}來傳參數(shù)。
3、可以通過jquery來定義，并在控件中調(diào)用
彈出窗口后，可以通過重新定義表單的地址和target屬性來重新返回框架窗口中，例如：
<%using (Html.BeginForm("EditGroup", "Admin", FormMethod.Post, new { target = "mainFrame" }))
這里是通過重寫了beginform來實(shí)現(xiàn)的，在解析后代碼和普通<form表單提交的形式是一樣的。
如果想在提交表單后在關(guān)閉小窗口，可以通過<input 中的onclick事件來控制，使用javascript:：self.close();或者window.close();來控制。
復(fù)制代碼 代碼如下:
<input type="button" onclick="window.open('../AddDpment','','height=180,width=550,fullscreen=no,resizable=yes,scrollbars=no,top=350,left=500')" value="添加部門"/>
其中，window.open('路徑','窗口的寬度，高度，相對(duì)窗體的位置，是否全屏，是否有滑動(dòng)等屬性設(shè)置','','');
2、通過重寫<a herf=''來獲得窗口：
復(fù)制代碼 代碼如下:
<a href="" onclick="window.open('<%=Url.Action("EditDpment","Admin",new{id = item.Department_id}) %>','','width=530,height=200,location=no,menubar=no,status=no,scrollbars=no,resizable=no top=300,left=500')">部門修改</a><br />
其中。由于MVC中，路徑的原因，這里推薦使用<%=url.action>來設(shè)置其路徑，這里可以通過url.action中創(chuàng)建new{id}來傳參數(shù)。
3、可以通過jquery來定義，并在控件中調(diào)用
彈出窗口后，可以通過重新定義表單的地址和target屬性來重新返回框架窗口中，例如：
復(fù)制代碼 代碼如下:
<%using (Html.BeginForm("EditGroup", "Admin", FormMethod.Post, new { target = "mainFrame" }))
這里是通過重寫了beginform來實(shí)現(xiàn)的，在解析后代碼和普通<form表單提交的形式是一樣的。
如果想在提交表單后在關(guān)閉小窗口，可以通過<input 中的onclick事件來控制，使用javascript:：self.close();或者window.close();來控制。
相關(guān)文章
將DataTable中的一行復(fù)制到另一個(gè)DataTable的方法
將DataTable中的一行復(fù)制到另一個(gè)DataTable的方法...2007-09-09
ASP.NET?Core使用EF創(chuàng)建關(guān)系模型
這篇文章介紹了ASP.NET?Core使用EF創(chuàng)建關(guān)系模型的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了asp.net發(fā)郵件示例,需要的朋友可以參考下2014-04-04
我們做開發(fā)的一做基本都是一天，對(duì)著屏幕眼鏡肯定會(huì)累，下面教大家一個(gè)VS2013設(shè)置護(hù)眼背景色的方法。2016-04-04
asp.net結(jié)合Ajax驗(yàn)證用戶名是否存在的代碼
關(guān)于Ajax的操作簡單總結(jié)，結(jié)合Ajax驗(yàn)證用戶名是否存在的代碼2010-06-06
asp.net 錯(cuò)誤：0x8007000B 異常的解決方法
這篇文章主要介紹了asp.net 錯(cuò)誤：0x8007000B 異常的解決方法,需要的朋友可以參考下2015-01-01
.net core版 文件上傳/ 支持批量上傳拖拽及預(yù)覽功能(bootstrap fileinput上傳文件)
本篇內(nèi)容主要解決.net core中文件上傳的問題 開發(fā)環(huán)境：ubuntu+vscode.本文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2017-03-03
ASP.NET中高質(zhì)量縮略圖的生成代碼...2007-09-09
Ajax Throws Sys.WebForms.PageRequestManagerErrorException wi
注冊(cè)腳本： ScriptManager.RegisterStartupScript(this, typeof(string), "Message", "alert('error message');", true); 即可解決，困惑了我一下午。2008-11-11
asp.net Javascript 的幾種寫法與提示,需要的朋友可以參考下。2009-10-10