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)文章
ASP.NET堆和棧三之引用類型對(duì)象拷貝和內(nèi)存分配
這篇文章介紹了ASP.NET堆和棧中引用類型對(duì)象的拷貝和內(nèi)存分配,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08ASP.NET MVC視圖頁使用jQuery傳遞異步數(shù)據(jù)的幾種方式詳解
本文詳細(xì)講解了ASP.NET MVC視圖頁使用jQuery傳遞異步數(shù)據(jù)的幾種方式,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09WPF實(shí)現(xiàn)左右移動(dòng)(晃動(dòng))動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了WPF實(shí)現(xiàn)左右移動(dòng)或晃動(dòng)動(dòng)畫效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12Repeater控件實(shí)現(xiàn)編輯、更新、刪除等操作示例代碼
如何在Repeater控件中實(shí)現(xiàn)像GridView控件一樣的編輯、更新、刪除功能?下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2014-01-01在.NET使用JSON作為數(shù)據(jù)交換格式實(shí)例演示
JSON(JavaScript Object Notation)是一種輕量級(jí)輕量級(jí)的數(shù)據(jù)交換格式,并且它獨(dú)立于編程語言,接下來為大家介紹下使用JSON作為數(shù)據(jù)交換格式在.net中的應(yīng)用2013-03-03iis中為每個(gè)應(yīng)用程序池單獨(dú)設(shè)置aspnet.config配置文件
ASP.NET2.0之后的版本就在各Framework的根目錄下提供了一個(gè)aspnet.config文件,這個(gè)文件用來配置全局的一些信息,但是一直以來我們都沒有怎么用過2011-12-12