extjs4學習之配置

crossoverJie 發布于2019-08-21 11:28 / 1268人閱讀

摘要：最近在學習發現一篇文章中有錯誤，網上很多人都是直接復制粘貼那篇文章，結果每個人注釋中都是寫的正確的答案，我也是醉了，這些猿么復制粘貼代碼都不帶檢查的么，為啥都變得很浮躁了呢。

最近在學習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

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

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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