Question

我正在尝试用拉力组件做基本的CSS。目前我正在努力使xtype'rallybutton'与xtype'rallyiterationcombobox'内联。我正在使用一个CSS文件，成功更新/更改我的手动设置的类名称的应用程序的其他部分，但是我的css文件似乎无法编辑集合组件上的预设类。我正在使用Chrome的调试器来查找每个组件上的类名 - 拉力按钮有多个类名，具体取决于你看的html中的位置：x-btn或x-btn-inner，rallyiterationcombobox有以下几种：x- form-text，x-form-trigger-wrap，x-form-item-body和其他一些。

我正在尝试使用看起来像这样的CSS函数：

.[buttonClass], .[comboboxClass] {
    display: inline;
}

使用指向按钮和组合框的类的不同名称组合。 [当我输入类名时，我会删除括号]。在显示我出错的地方时，任何帮助都会受到赞赏！

Answer 1

事实证明，我使用的两个组件，拉力赛组合和rallybutton，被放入我的应用程序中的两个不同的容器中。 Ext在幕后尝试将每个组件放在页面的各个部分中，因此尝试将它们彼此内联，这会导致问题。为了解决这个问题，我们将两个组件放在同一个容器中并从那里进行格式化。在每个组件定义中，我们使用以下代码

cls: 'className'

创建一个名为'className'的类，然后可以在css文件中引用它。在css文件中我们使用了代码

.className1 {
    float: left;
    display: inline;
}
.className2 {
    float: left;
    display: inline;
    margin-left: 10px;
}

将每个组件设置在同一行[水平]，两个组件在应用程序的左侧对齐，组件的“className2”在组件右侧10个像素，并带有'className1'。

制作Rally按钮和Rally combobox Inline

1 个答案: