Шаблон проблемы Kendo mobile, возможно

58
7

Я пытаюсь создать RSS-ридер (формат атома). Я прочитал канал с сайта Blogspot. Я привязываю источник данных к ListView и использую шаблон для форматирования результата. Но проблема в том, что я получаю пробел в верхней части заголовка. См вложение. Все работает в симуляторе (Icenium Graphite), это только проблема на устройстве IPhone.

Что не так?

Вот мой код:

index.html

<body>
<div data-role="view" id="tabstrip-home" data-title="Nyheder" data-model="viewModel" data-layout="tabstrip-layout">
<div data-role="content" class="weather">
<ul id="news" data-role="listview" data-template="newsItems" data-style="inset" data-bind="source: dataSource"
class="inboxList">
</ul>
</div>
</div>

<scripts id="newsItems" type="text/x-kendo-template">
<a href="\\#newsDetails?newsID=#= Id#">
<h3 class="time">Udgivet #: publishedDate#</h3>

<h3>Af #: author #</h3>

<h2>#: title#</h2>
</a>
</scripts>

<div id="newsDetails" data-role="view" data-show="onViewShow" data-model="viewModel" data-title="Nyheder!">
<ul id="info" data-role="listview" data-style="inset">
<li>
<span data-bind="html: selectedNews.content"></span>
<br>
<hr>
<h5>
Skrevet af:
<div data-bind="text: selectedNews.author"/>
</h5>
<h5>
Skrevet den:
<div data-bind="text: selectedNews.publishedDate"/>
</h5>
<a data-role="backbutton">Tilbage</a>
</li>
</ul>
</div>

<script id="row-template" type="text/x-kendo-template">
<tr>
<td data-bind="html: selectedNews.content">
</td>
<td>

</td>
<td data-bind="selectedNews.publishedDate"></td>

</tr>
</script>

<!--Layout-->
<div data-role="layout" data-id="tabstrip-layout">

<!--Header-->
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</div>

<!--Footer-->

</div>
</body>

RSSFeed.js

viewModel = kendo.observable({
dataSource: new kendo.data.DataSource({
transport: {
read : {
url : 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://feeds.feedburner.com/VenstreIEgedal'),
dataType: "json"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
schema : {
model: {
id : "Id",
fields: {
Id : {type: "int"},
title: {type: "string"}
}
},

data: function (response) {
var articleLength = response.responseData.feed.entries.length;
articleLength = (articleLength > 20) ? 20 : articleLength;
for (var i = 1; i <= articleLength; i++) {
var entry = response.responseData.feed.entries[i - 1];
var entrydate = new Date(entry.publishedDate) //get date of entry
var entrydatestr = entrydate.getDate() + "-" + (entrydate.getMonth() + 1) + "-" + entrydate.getFullYear();
newsData.push({Id: i, title: entry.title, content: entry.content, author: entry.author, publishedDate: entrydatestr});
}

//return response.responseData.feed.entries;
return newsData
}
}
}),

});

function onViewShow(e) {
var newsId = e.view.params.newsID, dataitem = viewModel.dataSource.get(newsId);

viewModel.set("selectedNews", dataitem);
}

спросил(а) 2013-08-14T09:56:00+04:00 7 лет, 2 месяца назад
1
Решение
115

Удостоверьтесь, что вы на последнем Kendo, Icenium обычно отстает от версии, и они не обновляются автоматически, когда доступно новое.

ответил(а) 2013-08-15T22:51:00+04:00 7 лет, 2 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема