extjs4学习之配置

crossoverJie 发布于2019-08-21 11:28 / 1237人阅读

摘要：最近在学习发现一篇文章中有错误，网上很多人都是直接复制粘贴那篇文章，结果每个人注释中都是写的正确的答案，我也是醉了，这些猿么复制粘贴代码都不带检查的么，为啥都变得很浮躁了呢。

最近在学习extjs4发现一篇文章中有错误，网上很多人都是直接复制粘贴那篇文章，结果每个人注释中都是写的正确的答案，我也是醉了，这些猿么复制粘贴代码都不带检查的么，为啥都变得很浮躁了呢。

现提供可以调试的代码：

html文件很简单，就引入ext资源和自定义的js文件就可以了。




    
    测试配置

js文件就是定义了2个类，一个window，一个bottomBar，其中window中包含bottomBar对象，具体代码如下：

/**
 * Created by catcher on 2016-3-30.
 */
Ext.define("My.own.Window",{
    /** @readonly */
    isWindow:true,
    config:{
        title:"This title",
        bottomBar:{
            enable:false,
            height:10,
            resizable:false
        }
    },
    constructor:function(config){
        this.initConfig(config);
        return this;
    },
    applyTitle:function(title){
        if(!Ext.isString(title)||title.length==0){
            alert("Error: Title must be a valid non-empty string!");
        }else{
            return title;
        }
    },
    applyBottomBar:function(bottomBar){
        if(bottomBar && bottomBar.enable){
            if(!this.bottomBar){
                return Ext.create("My.own.WindowBottomBar",bottomBar);
            }else{
                this.bottomBar.setConfig(bottomBar);
            }
        }
    }
});
 
Ext.define("My.own.WindowBottomBar",{
    config:{
        enable:true,
        height:10,
        resizable:false
    },
    constructor:function(config){
        this.initConfig(config);
        return this;
    }
});
 
var myWindow = Ext.create("My.own.Window", {
    title: "Hello World",
    bottomBar: {
        enable: true,
        height: 60,
        resizable: true
    }
});
 
console.log(myWindow.getTitle()); // "Hello World"
myWindow.setTitle("Something New");
console.log(myWindow.getTitle()); // "Something New"
myWindow.setTitle(null); // alerts "Error: Title must be a valid non-empty string!"
console.log(myWindow.getBottomBar().getHeight());
myWindow.setBottomBar({enable:true,height:100}); // Bottom bar"s height is changed to 100
console.log(myWindow.getBottomBar().getHeight());

GPU云服务器云服务器学习之substr() 深度学习之概要 webrtc学习之九 linux学习之centos

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

转载请注明本文地址：https://www.ucloud.cn/yun/86747.html

extjs4学习之配置

摘要：最近在学习发现一篇文章中有错误，网上很多人都是直接复制粘贴那篇文章，结果每个人注释中都是写的正确的答案，我也是醉了，这些猿么复制粘贴代码都不带检查的么，为啥都变得很浮躁了呢。最近在学习extjs4发现一篇文章中有错误，网上很多人都是直接复制粘贴那篇文章，结果每个人注释中都是写的正确的答案，我也是醉了，这些猿么复制粘贴代码都不带检查的么，为啥都变得很浮躁了呢。现提供可以调试的代码： ...

antyiwei 2019-08-01 16:10 评论0 收藏0
【抢先领】《React 学习之道》我们翻译了一本最简单，且最实用的 React 实战教程……

摘要：学习之道简体中文版通往实战大师之旅掌握最简单，且最实用的教程。前言学习之道这本书使用路线图中的精华部分用于传授，并将其融入一个独具吸引力的真实世界的具体代码实现。完美展现了的优雅。膜拜的学习之道是必读的一本书。《React 学习之道》The Road to learn React (简体中文版) 通往 React 实战大师之旅：掌握 React 最简单，且最实用的教程。 showIm...

oneasp 2019-08-22 14:03 评论0 收藏0
laravel学习之nginx配置站点

摘要：前言设置项目的域名站点的时候，需要对做一些对应的重写配置，用来做相关路由，否则会报。前言设置laravel项目的域名站点的时候，需要对nginx做一些对应的重写rewrite配置，用来做相关路由，否则会报404。 nginx.conf配置 server { listen 80; server_name xxx.com; #域名 root /data/www...

frank_fun 2019-07-01 10:34 评论0 收藏0
laravel学习之nginx配置站点

摘要：前言设置项目的域名站点的时候，需要对做一些对应的重写配置，用来做相关路由，否则会报。前言设置laravel项目的域名站点的时候，需要对nginx做一些对应的重写rewrite配置，用来做相关路由，否则会报404。 nginx.conf配置 server { listen 80; server_name xxx.com; #域名 root /data/www...

Jaden 2019-07-25 14:25 评论0 收藏0