Développement d'une application windows

palife · 15/12/2012, 13h55

Bonjour à tous,
J’essaie de créer une application Windows pour mon site de musique personnelle mais je bloque.

J'ai créer un fichier .xml de mon site. " Avec ces balise pour chaque musique.

<item>
<title>U2 - Beautiful Day</title>
<link>http://monsite/uploads-015/1354834963.mp3</link>
<pubDate>Wed, 19 Sep 2012 20:30 +0200</pubDate>
<description>
http://ecx.images-amazon.com/images/...OL._AA160_.jpg
</description>
</item>

Sous Visual studio je crée un projet Windows store application de navigation.

Dans /pages/home/home.html dans le tag <section> j'ajoute ceci:

<section aria-label="Main content" role="main">
<div class="tracklist" data-win-control="WinJS.UI.ListView" />
</section>

Puis dans pages/home/home.js j'ajoute ceci:

(function () {
"use strict";

WinJS.UI.Pages.define("/pages/home/home.html", {
// Cette fonction est appelée chaque fois qu'un utilisateur accède à cette page. Elle
// remplit les éléments de la page avec les données d'application.
ready: function (element, options) {
WinJS.xhr({ url: "http://monsite.me/flux-rss.xml" }).done(
function fulfilled(result) {
if (result.status === 200) {
var list = new WinJS.Binding.List();
var data = (result.responseText);
for (var i = 0, l = data.length; i < l; i++) {
var track = data[i];
list.push(track);
}
var listView = document.querySelector(".tracklist");
WinJS.UI.setOptions(listView.winControl, {
layout: new WinJS.UI.ListLayout(),
itemDataSource: list.dataSource
});

console.log(result.responseText);
}
});
// TODO: initialisez la page ici.
}
});
})();

J'obtient ceci en faisant un debug:

Après je créer un Template dans défautl.html

<body>

<div class="trackTemplate" data-win-control="WinJS.Binding.Template">
<img class="item-image" src="#" data-win-bind="src: artwork_url; alt: title" />
<div class="item-overlay">
<h4 class="item-title" data-win-bind="textContent: title"></h4>
<h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6>
</div>
</div>
<div id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/home/home.html'}"></div>

Et j'assigne le Template dans la page home html:

<div class="tracklist" data-win-control="WinJS.UI.ListView" data-win-options="{itemTemplate: select('.trackTemplate')}"/>

Mais après cela je reçois une erreur :

L’application n’a pas pu résoudre ms-appx://24a41c52-688f-40ac-bbea-a66f4f4debc7/undefined en raison de l’erreur suivante : RESOURCE_NOT_FOUND.
Visual Studio n'est actuellement attaché à aucune cible de débogage de script qui prenne en charge les diagnostics de script.

Et lors du debug mes fenêtres ne comporte ni le titre de la musique ni d'image:

Merci d'avance pour votre réponse.

15/12/2012, 13h55	#1
palife Invité de passage Inscription : septembre 2012 Messages : 3 Détails du profil Informations forums : Inscription : septembre 2012 Messages : 3 Points : 0 Points : 0	Développement d'une application windows Bonjour à tous, J’essaie de créer une application Windows pour mon site de musique personnelle mais je bloque. J'ai créer un fichier .xml de mon site. " Avec ces balise pour chaque musique. <item> <title>U2 - Beautiful Day</title> <link>http://monsite/uploads-015/1354834963.mp3</link> <pubDate>Wed, 19 Sep 2012 20:30 +0200</pubDate> <description> http://ecx.images-amazon.com/images/...OL._AA160_.jpg </description> </item> Sous Visual studio je crée un projet Windows store application de navigation. Dans /pages/home/home.html dans le tag <section> j'ajoute ceci: <section aria-label="Main content" role="main"> <div class="tracklist" data-win-control="WinJS.UI.ListView" /> </section> Puis dans pages/home/home.js j'ajoute ceci: (function () { "use strict"; WinJS.UI.Pages.define("/pages/home/home.html", { // Cette fonction est appelée chaque fois qu'un utilisateur accède à cette page. Elle // remplit les éléments de la page avec les données d'application. ready: function (element, options) { WinJS.xhr({ url: "http://monsite.me/flux-rss.xml" }).done( function fulfilled(result) { if (result.status === 200) { var list = new WinJS.Binding.List(); var data = (result.responseText); for (var i = 0, l = data.length; i < l; i++) { var track = data[i]; list.push(track); } var listView = document.querySelector(".tracklist"); WinJS.UI.setOptions(listView.winControl, { layout: new WinJS.UI.ListLayout(), itemDataSource: list.dataSource }); console.log(result.responseText); } }); // TODO: initialisez la page ici. } }); })(); J'obtient ceci en faisant un debug: Après je créer un Template dans défautl.html <body> <!-- TRACK TEMPLATE --> <div class="trackTemplate" data-win-control="WinJS.Binding.Template"> <img class="item-image" src="#" data-win-bind="src: artwork_url; alt: title" /> <div class="item-overlay"> <h4 class="item-title" data-win-bind="textContent: title"></h4> <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6> </div> </div> <div id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/home/home.html'}"></div> Et j'assigne le Template dans la page home html: <div class="tracklist" data-win-control="WinJS.UI.ListView" data-win-options="{itemTemplate: select('.trackTemplate')}"/> Mais après cela je reçois une erreur : L’application n’a pas pu résoudre ms-appx://24a41c52-688f-40ac-bbea-a66f4f4debc7/undefined en raison de l’erreur suivante : RESOURCE_NOT_FOUND. Visual Studio n'est actuellement attaché à aucune cible de débogage de script qui prenne en charge les diagnostics de script. Et lors du debug mes fenêtres ne comporte ni le titre de la musique ni d'image: Merci d'avance pour votre réponse.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email