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

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

摘要：創(chuàng)建自定義的面板創(chuàng)建面板縮放拖拽設(shè)置函數(shù)添加監(jiān)聽(tīng)函數(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)聽(tīng)函數(shù)
    addVisibilityListenerFunction(){
        var _this = this
        $.fn.addVisibilityListener = function(callBack){
            var count = $(this).attr("id")
            _this.visibilityCallbacks[count] = callBack
        }

    }
}

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/103987.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

yck 2021-10-08 10:13 評(píng)論0 收藏0