熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

mvc下,3種窗口彈出設置的方法

2013-11-13 10:35:46  來源: .NET編程 
想做頁面美化特別是在一個頁面中只占了很小一塊的頁面想做成彈出窗口樣式稍微總結了下  

  通過重寫<input標簽下按鈕的onclick事件來進行窗口的彈出設置

復制代碼 代碼如下:
<input type="button" onclick="windowopen(/AddDpmentheight=width=fullscreen=noresizable=yesscrollbars=notop=left=)" value="添加部門"/>

  
其中windowopen(路徑窗口的寬度高度相對窗體的位置是否全屏是否有滑動等屬性設置);
通過重寫<a herf=來獲得窗口

復制代碼 代碼如下:
<a href="" onclick="windowopen(<%=UrlAction("EditDpment""Admin"new{id = itemDepartment_id}) %>width=height=location=nomenubar=nostatus=noscrollbars=noresizable=no top=left=)">部門修改</a><br />

  
其中由於MVC中路徑的原因這裡推薦使用<%=urlaction>來設置其路徑這裡可以通過urlaction中創建new{id}來傳參數
可以通過jquery來定義並在控件中調用
彈出窗口後可以通過重新定義表單的地址和target屬性來重新返回框架窗口中例如

復制代碼 代碼如下:
<%using (HtmlBeginForm("EditGroup" "Admin" FormMethodPost new { target = "mainFrame" }))

  
這裡是通過重寫了beginform來實現的在解析後代碼和普通<form表單提交的形式是一樣的
如果想在提交表單後在關閉小窗口可以通過<input 中的onclick事件來控制使用javascript:selfclose();或者windowclose();來控制


From:http://tw.wingwit.com/Article/program/net/201311/14081.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.