生活随笔
收集整理的這篇文章主要介紹了
记录一次 Liferay 7.X 中弹出窗口的简单使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Liferay 7.X中已經幫我們封裝好了,我們直接調用就行了,這里介紹下一些參數使用(只限于我使用過的肯定不全面)。
JS調用
? ? 打開窗口使用Liferay.Util.openWindow方法
? ? 例子:
//彈窗直接打開URL,無參數Liferay.Util.openWindow({uri:'/'});//彈窗內容使用靜態HTMLLiferay.Util.openWindow({dialog: {bodyContent:'html代碼'}});//部分配置信息Liferay.Util.openWindow({id: 'myWin', //彈出框IDtitle: '彈出框標題', //彈出框標題dialog: { cssClass: '', //彈出框窗體增加的classafter: { destroy: function(event) { //窗口銷毀后執行} }, bodyContent:'html代碼', //窗口顯示的內容,支持htmldestroyOnHide: true, //窗口銷毀后是否移除DOM元素,默認:falsewidth:500, //窗口寬度height:350, //窗口高度modal: true, //是否是模態窗口resizable: false, //是否可以改變大小toolbars: { //工具欄footer: [ //工具欄底部,可增加按鈕{cssClass: 'btn-primary', //添加到按鈕上的classlabel: '確定', //按鈕文本,支持國際化,如:Liferay.Language.get('enter')on: {click: function() { //點擊按鈕方法Liferay.Util.getWindow('myWin').hide(); //關閉按鈕的方法}}},{cssClass: 'btn-danger', //添加到按鈕上的classlabel: "取消", //按鈕文本,支持國際化,如:Liferay.Language.get('cancel')on: {click: function() { //點擊按鈕方法Liferay.Util.getWindow('myWin').hide(); //關閉按鈕的方法}}}]},on:{init:function(){//彈出框初始化方法},destroy:function(){//彈出框銷毀方法}}}},function(dialogWindow) {//這里也可以初始化彈出框的內容,非URL加載的情況下//var html='';//dialogWindow.bodyNode.append(html);});
? ? 獲取窗口使用Liferay.Util.getWindow方法
????例子:
//隱藏彈出框
Liferay.Util.getWindow('tan').hide();
//顯示彈出框,前提destroyOnHide: false
Liferay.Util.getWindow('tan').show();
總結
以上是生活随笔為你收集整理的记录一次 Liferay 7.X 中弹出窗口的简单使用的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。