Extjs Sencha Touch 2.3-将容器的高度或最小高度链接到全局sass变量

Extjs Sencha Touch 2.3-将容器的高度或最小高度链接到全局sass变量,extjs,sencha-touch-2,Extjs,Sencha Touch 2,是否可以以某种方式将Dataview或任何视图的minheight配置链接到全局变量 例如,我想设置该属性=$height\u of_element_contained*2,其中该变量已在app.scss文件中定义 谢谢您可以创建一个作为singleton的类,该类在字段中包含全局变量。 拥有全局变量后,例如,在控制器中初始化视图时,将minHeight设置为该全局变量 编辑示例: 全局sass变量: 全局JS变量: 单身人士: 静态: 根据您计划对全局变量执行的操作,您应该使用上述选项之一 -

是否可以以某种方式将Dataview或任何视图的minheight配置链接到全局变量

例如,我想设置该属性=$height\u of_element_contained*2,其中该变量已在app.scss文件中定义

谢谢

您可以创建一个作为singleton的类,该类在字段中包含全局变量。 拥有全局变量后,例如,在控制器中初始化视图时,将minHeight设置为该全局变量

编辑示例:

全局sass变量:

全局JS变量:

单身人士:

静态:

根据您计划对全局变量执行的操作,您应该使用上述选项之一

-sass解决方案仅在您计划将此var用于样式设计时使用。你的情况怎么样

-JS单例用于存储JS代码中许多地方使用的变量

-JS static用于特定于类的变量


请注意,如果只是存储一个变量来设置最小高度,则应将其放入sass文件中,以分离内容和样式。

非常感谢。你有一个例子吗?我不明白为什么我需要通过将这个变量放入一个类来引用它,而不是直接引用css全局变量。这是extjs体系结构的一部分吗?如果只想在sass中使用变量,可以将其定义为全局变量$var=5px;并在您的sass文件中使用它。如果你想在javascript中使用它,你必须在某个地方定义它,可能是在一个类的静态包装器中,或者是在一个单例中,后者集中了全局资源,并且更容易维护。我将在我的回答中添加一些示例
$myVar : 10px;
.myClass {
    min-height : $myVar !important;
}
Ext.define('myClass', {
    singleton : true,
    constructor : function(config) {
        this.globVar= '10px';
    }
});
Ext.define('myClass', {
    statics : {
        globVar : '10px';
    }
});