Sencha Touch で XML 読み込み


ExtJS と Sencha Touch

はじめて ExtJS と Sencha Touch を試してみたメモ。
まだぜーんぜんわからん。


ExtJS で XML 読み込み

とりあえず、 ExtJS を使って XML を読み込んでみた。
こうかなぁ。

スクリプト

Ext.onReady(function(){
	/*
	var store = new Ext.data.Store({
		url: './sample.xml',
		reader: new Ext.data.XmlReader({
			record: 'member',
			fields: [
				{ name:'name' },
				{ name:'gender' },
				{ name:'nickname' }
			]
		})
	});
	*/
	var store = new Ext.data.XmlStore({
		url: './sample.xml',
		record: 'member',
		fields: [
			{ name:'name' },
			{ name:'gender' },
			{ name:'nickname' }
		]
	});
	var grid = new Ext.grid.GridPanel({
		store: store,
		columns: [
			{header: "Name", width: 120, dataIndex: 'name', sortable: true},
			{header: "Gender", width: 100, dataIndex: 'gender', sortable: true},
			{header: "Nickname", width: 120, dataIndex: 'nickname', sortable: true}
			],
		renderTo:'member',
		width:440,
		height:200
	});
	store.load();
});

実行結果

参考サイト


Sencha Touch の Ajax

とりあえず、 Sencha Touch の Ajax 使って XML を読み込んでみた。
とりあえず、こうかなぁ。

Ext.setup({
	icon: 'icon.png',
	glossOnIcon: false,
	onReady: function() {
		Ext.Ajax.request({
			url: './sample.xml',
			success: function(result, request) {
				alert(result.responseXML);
			},
			failure : function(result, request) {
			},
		});

	}
});

実行結果

iPhone とか Safari でアクセスしてください。alert でます。


Sencha Touch の XmlReader?

とりあえず、 Sencha TouchXmlReader? 使って XML を読み込んでみた。
んが、エラーが....。ほい、挫折。

Ext.setup({
	icon: 'icon.png',
	glossOnIcon: false,
	onReady: function() {
		var store = new Ext.data.Store({
			url: './sample.xml',
			reader: new Ext.data.XmlReader({
				record: 'member',
				fields: [
					{ name:'name' },
					{ name:'gender' },
					{ name:'nickname' }
				]
			})
		});
		store.load();
	}
});

実行結果

iPhone とか Safari でアクセスしてください。


Comment

  • ExtJS を使って XML を読み込みについて、上記一般的に紹介されていますが、XMLデータ構造が複雑になっている場合、例えば、ルートタグから見たときに子、孫ノードや、属性値を表示させるには、どうすればよいかが、わかりません。今のところ、情報を探せていません。もしお分かりのようでしたら、こちらのページでご紹介いただけませんでしょうか。 -- yamamoto? 2010-09-24 (金) 10:52:28


Counter: 5849, today: 1, yesterday: 0

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-09-24 (火) 14:56:10 (1278d)