想做頁面美化
特別是在一個頁面中
只占了很小一塊的頁面
想做成彈出窗口樣式
稍微總結了下
通過重寫<input標簽下按鈕的onclick事件來進行窗口的彈出設置
復制代碼 代碼如下:
<input type="button" onclick="window
open(
/AddDpment
height=
width=
fullscreen=no
resizable=yes
scrollbars=no
top=
left=
)" value="添加部門"/>
其中windowopen(路徑窗口的寬度高度相對窗體的位置是否全屏是否有滑動等屬性設置);
通過重寫<a herf=來獲得窗口
復制代碼 代碼如下:
<a href="" onclick="window
open(
<%=Url
Action("EditDpment"
"Admin"
new{id = item
Department_id}) %>
width=
height=
location=no
menubar=no
status=no
scrollbars=no
resizable=no top=
left=
)">部門修改</a><br />
其中由於MVC中路徑的原因這裡推薦使用<%=urlaction>來設置其路徑這裡可以通過urlaction中創建new{id}來傳參數
可以通過jquery來定義並在控件中調用
彈出窗口後可以通過重新定義表單的地址和target屬性來重新返回框架窗口中例如
復制代碼 代碼如下:
<%using (Html
BeginForm("EditGroup"
"Admin"
FormMethod
Post
new { target = "mainFrame" }))
這裡是通過重寫了beginform來實現的在解析後代碼和普通<form表單提交的形式是一樣的
如果想在提交表單後在關閉小窗口可以通過<input 中的onclick事件來控制使用javascript:selfclose();或者windowclose();來控制
From:http://tw.wingwit.com/Article/program/net/201311/14081.html
