1. 程式人生 > >easyUI dialog彈出時適應頁面大小

easyUI dialog彈出時適應頁面大小

<span style="white-space:pre">	</span>function funExceute(index){		
		if(window.screen){			
			var myw = screen.availWidth * 0.8;   
			var myh = screen.availHeight* 0.7;
				
			$('#win').dialog({
			<span style="white-space:pre">	</span>title: '測試',
				width: myw,
				height: myh,
				maximizable:true,
				minimizable:false,
				collapsible:false,
				buttons:[{
					text:'提交',
					iconCls:'icon-save',
					handler:function(){alert("提交")}
				},{
					text:'關閉',
					iconCls:'icon-cancel',
					handler:function(){
					$('#win').window('close'); 
				}}],
				    modal: true
				});
			$('#win').dialog('open');  
			}	 
			 
	<span style="white-space:pre">	</span>}


相關推薦

easyUI dialog適應頁面大小

<span style="white-space:pre"> </span>function funExceute(index){ if(window.screen)

關於html頁面移動端軟鍵盤影響頁面佈局的問題

html頁面在手機上寫了input框的時候,手機的軟鍵盤會彈出,會將頁面推上去,頁面佈局會改變,要在頁面寫如下程式碼: $(document).ready(function () {   $('body').height($('body')[0].clientHeight)

使用easyui dialog 框的一些注意事項

使用easy ui 的dialog彈出框製作後臺管理系統時需要點選按鈕彈出個新的彈出框,為了保持每次點選顯示出來的資料都是重新渲染,從後臺獲取的,可以這樣來寫:function piliangchuli(){ $("<div/>").dialog({

Swift 版本: 2.利用 NSNotificationCenter實現鍵盤頁面適應

在前面的一個小 Demo 裡, 我們知道了怎麼用UISearchController實現一個本地的搜素引擎, 現在讓我們繼續來看看接下來的Demo. 1.介面佈局 使用自動佈局給UI控制元件進行約束 獲取Bottom屬性 2.程式碼實現 獲取Bottom屬性

使用easyUI,總是顯示第一次一的內容的解決辦法

絕對原創,轉載時,請註明。 先寫結論:在彈窗之前重新整理彈窗就可以了。 具體步驟如下: 第一步:寫一個主頁面:main.html <!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w

easyui 更改dialog的位置

方法一: 在彈出dialog的時候不用$('#dialogDiv').dialog('open');開啟。用$('#dialogDiv').window('open');開啟。再用window的resize方法重新佈局就可以了。 類似: var top = $("#st

easyUI動態Dialog

文件不全真的很要命! 不多說,上乾貨 需要實現的效果是點選某按鈕時彈出Dialog,預設隱藏 先在頁面寫一個easyui-dialog 程式碼如下 <div id="dd" cla

Bootstrap的模態框遮罩在iframe子頁面不能覆蓋父頁面的解決方法

前段時間在做公司專案的後臺管理專案的時候,從網上下載了一個前端模板,是基於bootstrap的。之前也用過bootstrap的模態框,用的是Ace Admin的前端模板。也用了iframe,但並沒有遇

EasyUI效果--頁面效果

上一篇部落格寫了《EasyUI效果--右擊選單》,接下來寫一下彈出頁面效果。這個效果就是,我寫一個正常的頁面,然後在另一個頁面寫上事件,將這個頁面整個作為彈出頁面進行彈出.這個做的原因是,這個正常的頁

easyUI dialog 窗 居中顯示

重新 默認 對話 add window win div easyu 屏幕 默認情況下應該是在屏幕居中顯示的。但是有的時候沒有居中只要重新糾正下就可以了 $(‘#add_dialog‘).dialog(‘open‘); //打開添加對話框 $(‘#add_dialog

點擊鏈接兩個頁面

鏈接 bsp ava 點擊 open ane nose tps span <a href="javascript:adClick(‘https://codepen.io/picks/5/‘,‘https://codepen.io/takaneichinose/pen

SAP 中的popup dialog (對話框) 常見實現方法

program ng- 方法 tput starting div class titlebar 小時 方法1: FM:POPUP_TO_CONFIRM(標準對話彈出消息) 有三個button:YES-NO-CANL,可進行對應的邏輯推斷 可設定標

ios11,層內的input框光標錯位 鍵盤,輸入信息,光標一直亂跳

樣式表 手機屏幕 return 底部 offset 情況 輸入框 fix win   之前開發了一個微信項目,維護期中蘋果手機突然出現光標錯位現象,經過排查,發現是最新的ios11系統的鍋。   具體情況:彈出層使用position: fixed;彈出層內附帶input/

基於vue以及vuex的dialog框公共組件

class dev ati git 通過 位置 彈出 href tro   說明:    一款dialog公共組件,  組件功能:    1. 可拖拽、放大縮小    2. 通過傳入屬性決定是否使用遮罩層    3. 可根據屏幕自動適應寬高,也可自動傳入寬高   

小程序 input 鍵盤樣式遮蓋問題

鍵盤 官方 text color bsp 參考 文檔 aci input 設置cursor-spacing,具體可參考官方文檔,代碼如下: <input type=‘text‘ bindinput="bindKeyInput" placeholder=‘說點什麽吧…

Android輸入法覆蓋輸入框問題

express anti 參考 inpu contex 針對 screen .org apply 本文來自網易雲社區 作者:孫有軍 當一個activity中含有輸入框時,我們點擊輸入框,會彈出輸入法界面,整個界面的變化效果與manifest中對應設置的android

co-dialog框組件-版本v2.0.1

簡單 拖放 設置 abs left 布局 dia align 進行 具體案例查看co-dialog:https://koringz.github.io/co-dialog/index.html 2.0.1版本優化項,代碼壓縮,修復PC和移動端自適應,修復顯示彈出框瀏覽器邊框

zTree 資料載入前,一個載入頁面提醒

jsp頁面新增一個div <div id="Loading"><span  style="font-size:30px ;color:#EBF7EE">正在載入,請稍候……</span></div> <script> $(f

CommonListDiaLogs 統一dialog

CommonListDiaLogs統一通用彈出框 由於每次寫dialog都要寫很多重複程式碼,因此簡單的封裝了一個CommonListDiaLogs,封裝了一些常用方法,使用Builder模式實現: 展示效果: 使用方式:

easyui ajax 蒙版載入中...

js頁: /** * 第一步:解析預覽按鈕事件 */function importFile(){ var shopName=$("#shopName").val(); var fileSource=$("#fileSource").val(); var fileExportD