css - 使 Rally 按钮和 Rally 组合框内联

Question

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

我正在尝试使用如下所示的 CSS 函数:

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

引用按钮和组合框的类具有不同的名称组合。 [当我输入类名时，我确实删除了括号]。如果能帮助我指出哪里出了问题，我们将不胜感激!

Answer 1

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

cls: 'className'

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

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

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