sencha touch2 中的下拉列表

Posted

技术标签:

【中文标题】sencha touch2 中的下拉列表【英文标题】:dropdown list in sencha touch2 【发布时间】:2015-01-02 12:28:55 【问题描述】:

我目前正在研究 sencha touch 2。现在我面临一个问题,我想在 itemTpl 中添加下拉列表或在下面的代码中添加列表。

itemTpl : [
           '<table border="1" style="width:100%; margin-top:0px;"><tr>',
           '<td style="width:10%; text-align: center; line-height: 2;  font-size: 10px;">here need to add Dropdown with store data</td>',
           '</tr></table>']  

请帮忙!

提前致谢。

穆克什

【问题讨论】:

..你想添加它吗?问题在哪里? 你的帖子不是很清楚,你不能直接在html中添加组件,如果你想创建一个嵌套/下拉列表你应该使用合适的组件或扩展。我认为你应该看类似Nested List 【参考方案1】:

您不能直接在 HTML 中添加组件,但是有解决方法,请按照以下步骤操作

只需在表单或容器中添加选择字段作为单独的控件,然后在浏览器上运行该页面,打开开发人员工具检查并使用 css 类复制选择字段的整个 html 内容并将其粘贴到 itemtpl 它将显示为 sencha touch selectfield。

这就是我在我的一个项目中这样做的方式。我知道这不是标准方式,但有时你必须处理解决方法。

如果你愿意,我可以和你分享代码。

希望这会有所帮助:)

谢谢 萨钦

【讨论】:

以上是关于sencha touch2 中的下拉列表的主要内容,如果未能解决你的问题,请参考以下文章

根据jquery中的第一个下拉列表禁用下拉列表

访问 Kendo 下拉列表的下拉列表数据源中的属性

使下拉列表依赖于 MVC Core 中的另一个下拉列表

在 Angular 7 中,选择下拉值 id 传递给 ngFor 列表中的所有选择下拉列表

根据 python plotly dash 中先前单选项目/下拉列表中的选择禁用下拉列表

kendo 下拉列表在下拉列表中显示选项标签