Question

因此，如果向FieldSet添加一堆输入，则最后一个输入底部有圆角。在我的表单中，我隐藏并在表单内显示输入，具体取决于表单顶部的复选框。

现在，有可能一个输入，在逻辑上不是Fieldset中的最后一个，在视觉上，暂时是最后一个。

有人知道Sencha如何确定哪个是Fieldset中的最后一个输入？只是查看哪一个是输入数组中的最后一个，或者有一个属性我可以设置为输入来告诉它现在是最后一个...？

Answer 1

有一个CSS规则，.x-form-fieldset .x-field：last-child，它将字段集的最后一个子项设置为具有圆角底角。处理边缘情况的规则还有一些，但是添加（或隐藏/显示）到该字段集的任何字段都将仅根据其HTML位置应用适当的样式。

适当的规则在版本1.1.0中的\ resources \ themes \ stylesheets \ sencha-touch \ default \ widgets \ _form.scss：294中。

Answer 2

感谢mistagrooves发布from above，我已成功解决了问题。我的想法是我在程序上将一个类“last”设置为输入，我希望它被渲染为最后一个，然后在我的CSS中，我重写了.last类的规则，如下所示：

.last, .last .x-form-field-container, .last .x-form-field-container * 
{
    -webkit-border-bottom-right-radius: .4em;
    border-bottom-right-radius: .4em;
    border-bottom: none;
}

.last, .last .x-form-label, .last .x-form-label * 
{
    -webkit-border-bottom-left-radius: .4em;
    border-bottom-left-radius: .4em;
}

希望有所帮助

Sencha Touch：如何确定输入是FieldSet中的最后一个

2 个答案: