问题标签 [ext.list]

我的 Sencha Touch 应用程序中有一个可用的 Ext.List 对象。我正在使用列表的 itemTpl 属性呈现列表中的每个项目。我注意到除了整个列表之外，每个单独的列表项都可以滚动，这绝对不是我想要的。

有没有人对如何让单个列表项不滚动有任何建议？我尝试将 itemTpl 模板中最外层的 div 设置为具有指定的高度和溢出：隐藏...但这不会阻止滚动行为。

我有一个 Ext.List 的问题：

您按下主菜单上的按钮并显示列表。它上面的一切都运行良好，它让您选择深入应用程序的哪个位置。到目前为止没有问题。但是，如果您随后通过按“返回”按钮返回主菜单并重新进入显示此 Ext.List 的页面，则它不再起作用：您无法选择列表中的条目。

如果您以这种方式返回主菜单，“后退”按钮将删除列表：

setTimeout(function(){page.removeAll();},100);

我的错误是什么？您是否知道比“page.removeAll()”更好的方法，它真正杀死了这个 Ext.List，然后当我选择在我的主菜单中查看它时让它完全重新创建？

在此先感谢，你们有最好的提示和技巧。

我正在使用 Sencha Touch 1.1 并且在我的 UI 中遇到了一个严重的小错误，我无法在 Sencha 中找到正确的解决方法。

症状是在包含两个列表的搜索面板中，似乎第二个列表直接折叠在第一个列表下，因此在我的示例情况下，第一个列表是一行，覆盖了第二个列表的第一行。

这是一个相当长的代码片段，如果我有点失控，对不起。我只是想提供我的确切测试用例（减去 sencha 基本代码）。

我已经淡化了应用程序以提供此示例。

如果您花时间加载它，您会发现，如果您进入“工作导出搜索”选项并在工作订单字段中输入 2，然后单击“检查！” 结果将显示。

我在返回一行的第一个列表中放置了一些工作订单信息。包含许多行的第二个列表具有导出历史详细信息。下拉第二个列表，您会看到第一行已隐藏在第一个列表后面。

在应用程序周围移动 doLayout() 并没有做任何事情，并且布局“适合”配置选项似乎工作正常，除了这两个列表之间的 ui 关系。我假设 ui 只是不知道第一个列表在渲染时占用了任何空间，但我不确定。

我会继续感谢您在顶部的时间，您可能无法到达底部。

富有的

我的模型：

我的店铺：

重叠列表问题.js（初始化器）

硬连线菜单-screens.js：

//主屏幕 (HOME) AdSel.views.consoleBar = new Ext.Toolbar({ id: 'consoleBar', title: '作业管理控制台' });

工作screens.js

exporthistory-screens.js

我假设大多数人不需要 index.html，但我不妨再烧几个字节：

问题：

过滤填充了来自商店的分层数据的 Ext.List 的推荐方法是什么？我需要过滤掉属于我选择过滤的父对象的子对象。孩子们，在这种情况下，游戏应该填充列表。

我需要的

• Ext.List 应该可以按轮次过滤，即“Omgång 1”、“Omgång 2”等。("Omgång" = "Round" in Swedish) When selecting "Omgång 1" as filter the list should only display games from that round in the list. 请参阅下面的 JSON 文档。
• 该列表应按日期（“kickOff”）分组并按“gameId”ASC 排序。

我做了什么

• 创建了一个 Ext.List，其中填充了通过 Ext.data.Store 检索的数据，该数据从通过 ReST 代理读取的 JSON 文档中获取数据。
• Ext.List 从存储 Rounds 中读取其数据（见下文）。问题是我只看到一轮“Omgång 1”的一场比赛，而应该有 8 场比赛。

这是我迄今为止所取得的成就。使用按钮过滤列表，但仅显示其中一个列表项。

EM.model.Round

圆形的模型。它与 Match 具有一对多的关系。

EM.model.Match

匹配的模型。它属于圆形。

EM.store.Rounds

读取 JSON 文档的存储。然后使用该存储来填充 Ext.List。

JSON 文件

这是EM.store.Rounds中的代理读取的 JSON 文档。

EM.view.MatchList

显示匹配列表的列表视图。

这是我的第一个 Sencha Touch 应用程序，因此请随时指出您在代码中看到的任何不良做法。有人可以提供一个如何实现我的目标的例子吗？我花了很多时间试图弄清楚这一点。

完整的项目可以从 GitHub 下载，地址为https://github.com/eriktoyra/EM-Tipset。最新的分支是 _filter-match-list。

我正在尝试根据列表中的录音项目添加不同的详细信息视图。

• 我有使用列表组件的主屏幕，此视图显示 ['Real Estate', 'Vehicles', 'Jobs']... 作为菜单项。
• 根据列表中的选定项目，我想显示不同的视图。
  • 我想遵循 MVC 设计模式..

这是一些代码... App.js

});

视口.js

});

HomePage.js ( xtype = "主页" )

});

主.js

});

我找到了一个例子，但它对我不起作用（推送方法不存在）

预先感谢！

在 Sencha Touch 2 中，我有一个带有选择字段的表单面板，可以从大量模型中进行选择。通过在选择字段上设置 usePicker 属性，我可以选择 Ext.Picker 或 Ext.List 作为选择器组件。但是如何配置 Ext.List？

我尝试设置 defaultPhonePickerConfig 和 defaultTabletPickerConfig，但这似乎不起作用。具体来说，我想设置 { grouped: true, indexBar: true } 来帮助我的用户浏览一长串选项。我使用 JavaScript 调试器跟踪 showPicker() 方法并验证实例化的 Ext.List 在其 config 属性中设置了这两个属性。但是列表覆盖仍然不显示组标题或索引栏。知道我做错了什么吗？

我正在使用 Sencha Architect 开发 Sencha 2 移动应用程序。我想要一个带有两个分隔符的列表。一个分隔符将被称为“当前位置”，列表元素也将显示“当前位置”，可以单击它。下一个标题会说“我的位置”，在它下面它将是一个由名为 locationStore 的商店填充的列表。

我知道如何从商店填充列表，但我不确定如何将静态元素（标题和单个列表项）与动态元素（标题和更长的列表）混合。

我在几个视图中重用了这个列表，所以如果它可以从商店以某种方式填充，那就太好了。

希望有人在这个话题上有两分钱。

凉爽的。

我是 Sencha touch 的新手，遇到了一个问题。我想在 Sencha List 的 itemtpl 中显示图像。该图像的 url 将取决于来自网络服务的 JSON 值。

例如：如果animalType= cat那么我需要显示 cat 的图像，如果animalType= dog，我想显示狗的图像。我需要做很多这样的定制。

我知道 Sencha 使用 Store 和 HTML 代码来创建 itemtpl，但无法弄清楚我需要将这些代码放在哪里才能得到我的结果。

任何有关示例的帮助将不胜感激。提前致谢。这是我的代码。

应用程序/控制器

应用程序/视图

应用商店

我想垂直堆叠两个 Sencha Touch Ext.List。我希望这两个列表都属于可滚动的容器。我遇到的问题是我不确定如何将这些列表配置为完全扩展的组件（包含容器应该负责滚动）。

即，您必须向下滚动第一个列表的全部内容才能到达第二个列表。

此外，容纳容器还应该可以填充其他堆叠的组件，例如表格。

例子：

更新

通过将列表的可滚动设置为空，我设法使某些东西起作用。但是，它只适用于 2.1.0 之前的 Sencha Touch 版本，因此 2.0.1 可以正常工作。

任何想法为什么它不能在 2.1.0+ 中工作？

在我基于 sencha 的应用程序中，我想让 ext.list 大小取决于设备屏幕。这是我使用过的代码。

哪些代码需要更改取决于显示？