1

簡単なプロフィール ページを作成する必要があります。ユーザーがログインに成功すると、プロファイル ページにリダイレクトされ、そこでユーザーの情報と写真が表示されます。私は以下を試しています

Ext.define('casta.view.Intro', {
  extend: 'Ext.tab.Panel',
  xtype:'intro',
  //need to call url and render json data to the template below     
  config: {
        tpl: [
                '<tpl for=".">',
                    '<div class="holder">',
                            '<div class="avatar"><img src="{profile_image_url}" /></div>',
                            '<div class="h-content">',
                                '<h2>{user}</h2>',
                                '<p>{text}</p>',
                            '</div>',
                    '</div>',
                '</tpl>'
            ]  
  }
});

jsonデータは以下のようなものです

{"meta": {"limit": 20, "next": null, "offset": 0, "previous": null, "total_count": 2}, "objects": [{"date_joined": "2012-05-18T15:44:54", "first_name": "", "id": 1, "last_login": "2012-05-18T15:44:54", "last_name": "", "resource_uri": "/api/casta/user/1/", "username": "admin"}, {"date_joined": "2012-05-21T12:05:00", "first_name": "", "id": 29, "last_login": "2012-05-21T12:05:00", "last_name": "", "resource_uri": "/api/casta/user/29/", "username": "sumit"}]}

URL を呼び出して json を返し、それをテンプレートにレンダリングする必要があります。

手伝ってください ：）

4

1 に答える 1

0

このようなことを試してください

http://www.sencha.com/forum/archive/index.php/t-117847.html

Ext.setup({
onReady: function() {
var itemInfo = new Ext.XTemplate(
'<ul>',
'<tpl for=".">',
'<li>{name}</li>',
'</tpl>',
'</ul>'
);
var content = new Ext.Panel({
fullscreen: true,
scroll: 'vertical',
tpl: itemInfo
});


Ext.util.JSONP.request({
url: 'http://demo.webfactory.mk/',
callbackKey: 'callback',
params: {

action: 'retrieve'
},
callback: function(data) {

data = data.result;
content.update(data);

}
});
}
});
于 2012-05-24T09:37:17.467 に答える