Sencha touch selectfield 占位符

Posted

技术标签:

【中文标题】Sencha touch selectfield 占位符【英文标题】:Sencha touch selectfield Placeholder 【发布时间】:2013-06-21 06:57:33 【问题描述】:

如何在 sencha touch 中添加选择字段占位符..

这是我的代码


                        xtype: 'selectfield',
                        label: 'Subclient',
                        itemId: 'subclient',
                        name: 'subclient',
                        labelWrap:'true',
                        autoSelect:'false',
                        placeHolder:'Select',
                        required:true,

                        //labelWidth: '40%',

                        options: [
                            text: 'Standard Sale', value: 'Standard Sale',
                            text: 'Short Sale',  value: 'Bank of America',
                            text: 'REO',  value: 'REO'
                        ]
                    ,

这里的占位符不可见..我只能设法看到 da 列表中的第一个文本值选项。

我尝试添加

 text: 'Select a Client', value: 'Select',

作为第一个选项,但在这种情况下,我无法使用我的模型验证来验证它。 任何人请帮我解决这个问题..非常感谢您的帮助..在此先感谢

【问题讨论】:

“占位符不可见”是什么意思?您的选择字段只显示了第一个选项,而不是 placeHolder 或 ...? 【参考方案1】:

false 周围为autoSelect 属性(以及所有布尔配置选项)删除引号:


    xtype: 'selectfield',
    label: 'Subclient',
    itemId: 'subclient',
    name: 'subclient',
    labelWrap: true,
    autoSelect: false,
    placeHolder: 'Select',
    required: true,

    options: [
        text: 'Standard Sale', value: 'Standard Sale',
        text: 'Short Sale',  value: 'Bank of America',
        text: 'REO',  value: 'REO'
    ]

,

【讨论】:

非常感谢...非常感谢您的帮助。现在它工作正常..但是一个小问题..现在我可以在页面的开头看到占位符值..但是我无法选择第一个选项..当我选择列表中的第一个选项时,它仍然显示占位符值.. 我看到了这个问题,但我不确定问题是什么。在我看来,这就像框架中的一个错误。您可以尝试在此处发布:sencha.com/forum/forumdisplay.php?92-Sencha-Touch-2.x-Bugs

以上是关于Sencha touch selectfield 占位符的主要内容,如果未能解决你的问题,请参考以下文章

Sencha Touch selectfield 项目选择问题

如何使用 sencha-touch.jsb3 构建 Sencha Touch?

Sencha Touch实战OA系统开发|Sencha Touch项目教程

Sencha Touch - sencha touch js 大小的性能问题

将 Sencha Architect 项目从 Sencha Touch v2.0.x 更新到 Sencha Touch 2.1.x

iPhone Sencha Touch - 如何在 sencha touch 中将表格视图添加到拆分视图