創(chuàng)建自定義面板

happen 發(fā)布于2019-08-23 17:13 / 2561人閱讀

摘要：創(chuàng)建自定義的面板創(chuàng)建面板縮放拖拽設(shè)置函數(shù)添加監(jiān)聽函數(shù)

// 創(chuàng)建自定義的面板
export default class viewerPanel {
    constructor() {
        this.setVisibleFunction()
        this.visibilityCallbacks = {};
        this.addVisibilityListenerFunction();
    }
    // 創(chuàng)建viewer面板
    creatViewerPanel(container,id,title){
        container.append(`
            
                ${title}
                
            
            
                
                
                   
                
            
        
        `)
        $(".panel-close").on("click",function () {
            $(this).parent().parent().setVisible(false)

        })
        // 縮放
        $("#"+id).resizable();
        //  拖拽
        $("#"+id).draggable({ containment: "body", scroll: false , handle: ".panel-title"});
        return $("#"+id);
    }
    // 設(shè)置visible函數(shù)
    setVisibleFunction(){
        var _this = this;
        $.fn.setVisible = function(flag){
            var count = $(this).attr("id")
            if(flag){
                $(this).show()
            }else{
                $(this).hide()
            }
            _this.visibilityCallbacks[count](flag);

        }
    }
    // 添加監(jiān)聽函數(shù)
    addVisibilityListenerFunction(){
        var _this = this
        $.fn.addVisibilityListener = function(callBack){
            var count = $(this).attr("id")
            _this.visibilityCallbacks[count] = callBack
        }

    }
}

GPU云服務(wù)器云服務(wù)器快照創(chuàng)建自定義如何創(chuàng)建自定義鏡像自定義鏡像創(chuàng)建時間使用自定義鏡像創(chuàng)建實(shí)例

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/103987.html

相關(guān)文章

添加自定義屬性到Viewer的屬性面板

摘要：另一個相關(guān)的是屬性檢查器這篇博客，其是通過建立一個工具欄按鈕的方式來新增面板，它是可以正常運(yùn)作的，但它的做法并非取代現(xiàn)有的屬性面板，不在今天要討論的范圍。 showImg(https://segmentfault.com/img/bVbr2wS?w=1256&h=723); 這是一個常被提起的問題，第一次是在「添加自定義屬性到Viewer的屬性面板」這篇博客被提出，但因自V4開始，Vi...

AJie 2019-08-23 17:14 評論0 收藏0
[翻譯]Play框架1.2.7版本教程(8) - 添加驗(yàn)證

摘要：添加驗(yàn)證既然我們有一個管理面板，自然需要進(jìn)行驗(yàn)證。自定義驗(yàn)證過程你可以用應(yīng)用提供的實(shí)例來自定義驗(yàn)證過程。通過繼承自該類，我們可以指定驗(yàn)證用戶的方式。這個將給每個作者發(fā)布自己的文章的權(quán)限?，F(xiàn)在在添加到控制器的鏈接接下來是創(chuàng)建模板。添加驗(yàn)證既然我們有一個管理面板，自然需要進(jìn)行驗(yàn)證。幸運(yùn)的是，Play已經(jīng)提供了一個叫做Secure的模塊來幫助我們。啟動Secure模塊在yabe/co...

My_Oh_My 2019-08-14 11:46 評論0 收藏0
[翻譯]Play框架1.2.7版本教程(7) - 通過CRUD來實(shí)現(xiàn)一個基本的管理面板

摘要：通過來實(shí)現(xiàn)一個基本的管理面板目前，我們還沒法使用博客的來寫新的文章，或修改評論。提供了一個即開即用的模塊，可以快速生成一個基本的管理面板。這是因?yàn)槟J(rèn)是以的輸出來得到一個模型對象的表示。在本教程的最后一章，你會學(xué)到關(guān)于本地化信息的更多東西。通過CRUD來實(shí)現(xiàn)一個基本的管理面板目前，我們還沒法使用博客的UI來寫新的文章，或修改評論。Play提供了一個即開即用的CRUD模塊，可以快速...

騫諱護(hù) 2019-08-14 11:46 評論0 收藏0
如何更愉快地使用rem —— 別說你懂CSS相對單位

摘要：值得注意的是，這個設(shè)置對使用或其他絕對單位定義的字號大小無效。事實(shí)上，提供了一個在和間的相對單位折中解決方案，而且更易于使用。圖使用相對單位和繼承字號的面板下面是模板，加到你的頁面吧。 showImg(https://segmentfault.com/img/bVbdOMr?w=920&h=450); 前段時間試譯了Keith J.Grant的CSS好書《CSS in Depth》，其...

Snailclimb 2019-08-30 15:54 評論0 收藏0
親測在云服務(wù)器部署B(yǎng)itwarden私有密碼管理存儲工具

摘要：老蔣在前面的文章中也有提到，確實(shí)是一款免費(fèi)且功能完美的云端密碼管理軟件平臺。這里我們就在騰訊云服務(wù)器中配置私有密碼云存儲空間。當(dāng)然對于騰訊云服務(wù)器部署鏡像安全組等問題，這里我們就不詳細(xì)解答，我們可以參考其他相關(guān)的云服務(wù)器處理文章。老蔣在前面的文章中也有提到，Bitwarden 確實(shí)是一款免費(fèi)且功能完美的云端密碼管理軟件平臺。如果我們比較重要且糾結(jié)的用戶會擔(dān)心密碼存儲在Bitwarden平臺是...

yck 2021-10-08 10:13 評論0 收藏0