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

How to custom list inside of selectfield of Sencha Touch app?

本文关键字：字段 选择 自定义 列表 应用程序 Sencha Touch      更新时间：2023-12-06

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

感谢

步骤1您需要在选择字段列表中添加一个自定义css。

a） 在选择字段的焦点上，您需要更改列表面板的宽度

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

或

a） 当列表面板显示时，获取select字段

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
        }
    }
}
相关文章：