如何自定义Sencha Touch应用程序选择字段内的列表？

Question

我想在Sencha Touch应用程序中自定义选择字段的列表，例如，由于文本很长，我需要指示variableHeight参数。

谢谢

Answer 1

第1步，您需要将自定义CSS添加到selectfield-list。

a）在selectfield的onFocus上，您需要更改listPanel的宽度

onFocus: function (e) {
    this.callParent(arguments);
    this.listPanel.setWidth(180);
}

要么

a）显示listPanel时获取选择字段

sf = Ext.Viewport.down('selectfield[action=mySelectfield]');

b）设置面板的宽度

sf.listPanel.setWidth(180)

要么

使用CSS：

.x-select-overlay{
    .x-list {
        x-list-item {
            ---> here goes your code
        }
    }
}