2011-04-14 47 views
0

因此,如果將一組輸入添加到FieldSet中,最後一個輸入框的底部會有圓角。在我的表單中,我隱藏並在表單中顯示輸入,具體取決於表單頂部的複選框。Sencha Touch:如何確定輸入是FieldSet中的最後一個輸入框

所以,現在可能是一個輸入,在邏輯上不是Fieldset中的最後一個,在視覺上和暫時性上是最後一個。

有人知道Sencha如何確定哪個是Fieldset中的最後一個輸入?只是看看哪一個是輸入數組中的最後一個,或者是否有一個屬性可以設置爲輸入來告訴它現在是最後一個...?

回答

0

有一個CSS規則,.x-form-fieldset .x-field:last-child,它將樣式集的最後一個子樣式設置爲具有圓角底角。處理邊緣情況的規則還有一點,但添加(或隱藏/顯示)到該字段集的任何字段將僅根據其HTML位置單獨應用適當的樣式。

相應的規則位於版本1.1.0中的\ resources \ themes \ stylesheets \ sencha-touch \ default \ widgets \ _form.scss:294中。

+0

我已經給了你信貸,因爲你迫使我重新思考一個能夠引起穆心靈的選擇,我爲此感謝你。貝婁,就是我真正做到的。 – 2011-04-18 13:04:59

0

感謝mistagroovesfrom above,我已經設法解決這個問題。這個想法是,我programmaticlly設置一個類「最後」我想要它T爲呈現爲最後的,然後在我的CSS的投入,我改寫爲。去年類的規則,像這樣:

.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; 
} 

希望它有助於

+0

很高興你找到了解決方案。 – mistagrooves 2011-04-18 15:49:45

相關問題