Extjs Sencha Touch 2.3-将容器的高度或最小高度链接到全局sass变量
是否可以以某种方式将Dataview或任何视图的minheight配置链接到全局变量 例如,我想设置该属性=$height\u of_element_contained*2,其中该变量已在app.scss文件中定义 谢谢您可以创建一个作为singleton的类,该类在字段中包含全局变量。 拥有全局变量后,例如,在控制器中初始化视图时,将minHeight设置为该全局变量 编辑示例: 全局sass变量: 全局JS变量: 单身人士: 静态: 根据您计划对全局变量执行的操作,您应该使用上述选项之一 -sass解决方案仅在您计划将此var用于样式设计时使用。你的情况怎么样 -JS单例用于存储JS代码中许多地方使用的变量 -JS static用于特定于类的变量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变量: 单身人士: 静态: 根据您计划对全局变量执行的操作,您应该使用上述选项之一 -
请注意,如果只是存储一个变量来设置最小高度,则应将其放入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';
}
});