創建自定義面板

happen 發布于2019-08-23 17:13 / 2515人閱讀

摘要：創建自定義的面板創建面板縮放拖拽設置函數添加監聽函數

// 創建自定義的面板
export default class viewerPanel {
    constructor() {
        this.setVisibleFunction()
        this.visibilityCallbacks = {};
        this.addVisibilityListenerFunction();
    }
    // 創建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);
    }
    // 設置visible函數
    setVisibleFunction(){
        var _this = this;
        $.fn.setVisible = function(flag){
            var count = $(this).attr("id")
            if(flag){
                $(this).show()
            }else{
                $(this).hide()
            }
            _this.visibilityCallbacks[count](flag);

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

    }
}

云服務器 GPU云服務器快照創建自定義如何創建自定義鏡像自定義鏡像創建時間使用自定義鏡像創建實例

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103987.html

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

摘要：另一個相關的是屬性檢查器這篇博客，其是通過建立一個工具欄按鈕的方式來新增面板，它是可以正常運作的，但它的做法并非取代現有的屬性面板，不在今天要討論的范圍。 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) - 添加驗證

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

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

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

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

摘要：值得注意的是，這個設置對使用或其他絕對單位定義的字號大小無效。事實上，提供了一個在和間的相對單位折中解決方案，而且更易于使用。圖使用相對單位和繼承字號的面板下面是模板，加到你的頁面吧。 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
親測在云服務器部署Bitwarden私有密碼管理存儲工具

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

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