创建自定义面板

happen 发布于2019-08-23 17:13 / 2431人阅读

摘要：创建自定义的面板创建面板缩放拖拽设置函数添加监听函数

// 创建自定义的面板
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服务器私有云快照创建自定义如何创建自定义镜像自定义镜像创建时间使用自定义镜像创建实例

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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