Sencha Touch 2:如何将RSS提要显示为列表?
我想创建一个简单的应用程序,用Sencha Touch 2和RSS提要向我展示我最喜欢的新闻网站的最新故事列表 如何从rss提要获取数据,然后将其显示为列表,显示标题、作者、日期和内容 我可以获得最新新闻故事的列表,但我只能设法显示每个项目的标题/标题,而不能显示作者、日期、片段等。以下是我的代码: 1个型号、1个商店、1个视图、1个应用程序。js:Sencha Touch 2:如何将RSS提要显示为列表?,rss,touch,extjs,feedburner,Rss,Touch,Extjs,Feedburner,我想创建一个简单的应用程序,用Sencha Touch 2和RSS提要向我展示我最喜欢的新闻网站的最新故事列表 如何从rss提要获取数据,然后将其显示为列表,显示标题、作者、日期和内容 我可以获得最新新闻故事的列表,但我只能设法显示每个项目的标题/标题,而不能显示作者、日期、片段等。以下是我的代码: 1个型号、1个商店、1个视图、1个应用程序。js: //The store Ext.define("NewsApp.store.EbStore", { extend: "Ext.data.Store
//The store
Ext.define("NewsApp.store.EbStore", {
extend: "Ext.data.Store",
requires: ["Ext.data.proxy.JsonP", "Ext.dataview.List" ],
config: {
model: "NewsApp.model.NewsListModel",
autoLoad: true,
proxy: {
type: 'jsonp',
url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=5&q=http://feeds.feedburner.com/newsapp_pol',
reader: {
type: 'json',
rootProperty: 'responseData.feed.entries'
}
}
}
});
//The Model
Ext.define("NewsApp.model.NewsListModel", {
extend: "Ext.data.Model",
config: {
fields: [
{name: 'title', type: 'auto'},
{name: 'author', type: 'auto'},
]
}
});
//The view
Ext.define("NewsApp.view.NewsList", {
extend: "Ext.Container",
requires: "Ext.Toolbar",
alias: "widget.newslistview",
config: {
layout: {
type: 'fit'
},
items: [{
xtype: "toolbar",
title: "Danske Nyheder",
docked: "top",
items: [
{
xtype: 'spacer'
},
{
xtype: "button",
text: "Indstillinger",
ui: "action",
id: "settingsButton",
iconMask: true,
iconCls: 'settings'
},
{
xtype: "button",
text: "Refresh",
ui: "action",
id: "refreshButton",
iconMask: true,
iconCls: 'refresh'
}
]
},
{
xtype: "list",
store: "EbStore",
itemId:"EbList",
onItemDisclosure: true,
itemTpl: '{title}'
}
],
}
});
// And the app.js just for kicks
Ext.application({
name: "NewsApp",
models: ["NewsListModel"],
stores: ["EbStore"],
views: ["NewsList"],
launch: function () {
console.log("App starts");
var newsListView = {
xtype: "newslistview"
};
Ext.Viewport.add([newsListView]);
}
});
有了这段代码,我可以很好地显示rss项目的标题。但是如果我将{title}更改为,比如说,{author},列表项将在我的视图中创建,但没有任何内容。我试图阅读的RSS使用正常标准,我认为:
那么,除了显示标题,我如何访问rss的其余部分呢
我猜这是因为我不理解代理代码中捕获的数据是什么,或者如何捕获,或者以什么格式捕获 有人能帮忙吗?:-) 我已经查看了Sencha Touch RSS阅读器的这两个示例,它们都非常优秀,只是代码太高级了,我无法理解:
Troles 如果您想查看googlefeed的数据响应,我建议您使用一个简单的示例来查看json数据,以使其更易于阅读。首先将您的文件粘贴到浏览器的地址栏中。复制生成的json响应-并将其粘贴到美化器中。这将为您提供响应数据中数据字段的结构化视图 当我尝试时,第一个条目如下所示:
"title": "Over 50 såret under kampe i Kosovo",
"link": "http://politiken.dk/udland/ECE1672568/over-50-saaret-under-kampe-i-kosovo/",
"author": "",
"publishedDate": "Thu, 28 Jun 2012 12:09:18 -0700",
"contentSnippet": "35 politifolk og 20 serbere blev såret, da en gruppe serbere stødte sammen i det etnisk delte Kosovo.",
"content": "35 politifolk og 20 serbere blev såret, da en gruppe serbere stødte sammen i det etnisk delte Kosovo.",
"categories": []
我注意到所有条目上的“author”字段都是空的,这可以解释为什么会得到一个空列表
这将帮助您理解提要中的数据结构,并在代码中创建匹配的引用
干杯,
拉斯姆斯谢谢你的提示,拉斯姆斯。当然,问题是作者标签是空的。真不敢相信我错过了。感谢您为我检查:-)我遵循了您关于使用JSON美化器的建议-我一直在使用这个,让您粘贴url并查看提要的结构。