0

私はSenchaTouchのすべての初心者ですが、これまではその機能に非常に熱心に取り組んでいます。1つの問題があります、私はどういうわけか解決することができません。

カレンダービューにTpl（XTemplate）を使用したいと思います。アイデアは、すべての予定に対してdiv要素を作成することです。これをコンテナー内に配置して、それらをレイアウトできます。どういうわけか、データビューを機能させることができません。

コードを最小限に抑えました。DataViewを含むパネルです。itemTplを使用すると、すべて正常に動作します。しかし、tpl（XTemplateの有無にかかわらず）を使用すると、何も表示されません。表示の不具合（テンプレートからXXXを検索）だけかどうかを確認しましたが、そうではありません。

これは私のコードです：

Ext.define('InfoApp.view.CalendarDay', {
extend: 'Ext.Panel',
xtype: 'calendarday',
requires: [ 'InfoApp.store.sAppointments'],
config: {
    title: 'Dag',
    layout: 'fit',
        items: [
                {
                    xtype: 'dataview',
                    store: 'appointmentStore',

                    //itemTpl: [ 'XXX {day} {course}' ] --> Works
                    tpl: new Ext.XTemplate('<tpl for=".">XXX {day} {course}</tpl>')--> Doesn't Work... 
                }        
        ]
}
});

提案や改善を事前に感謝します！

4

2 に答える 2

0

あなたの答えのために戦車@brink。

数日かかりましたが、これでうまくいきました。

  // Load the store
  var store = Ext.getStore('appointmentStore');

  // Get the current range of the store
  var data = store.getRange();

  // Create a custom template
  var tpl = new Ext.XTemplate(<tpl for=".">{day} {course}</tpl>);

  // Loop through the data array 
  var showData = array(); 
  for(var i=0;i<data.length;i++){
      showData.push(data[i].data); 
  }

  // Get the panel by ID and push the html template
  var panel = Ext.getCmp('appointmentspanel');
  panel.updateHtml(tpl.applyTemplate(showData));
于 2012-08-03T14:54:57.410 に答える
0

ST1ではなくST2を想定

http://docs.sencha.com/touch/2-0/#!/api/Ext.Component-cfg-tplおよびドキュメントの tpl: config に関するコメントから、リモートを使用するときにバグがあるようですお店。ストアにデータがある場合でも。tpl: データが data:[] にハードコードされている場合にのみ、今のところ機能するようです

itemTpl: new XTemplate() または itemTpl: XTemplate.from('someid') を使用するか、後で指定することを延期し、データビューを取得して dv.setItemTpl(new XTemplate()) などに移動できます。

于 2012-07-27T19:06:33.247 に答える