1

我正在尝试用拉力组件做基本的 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;
}

对于引用按钮和组合框的类，具有不同的名称组合。[当我输入类名时，我确实删除了括号]。任何帮助将不胜感激，以显示我哪里出错了！

4

1 回答 1

1

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

cls: 'className'

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

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

将每个组件设置在同一行 [horizo​​ntally]，两个组件在应用程序的左侧对齐，'className2' 的组件在 'className1' 的组件右侧 10 像素。

于 2013-05-29T20:14:18.663 回答