XTemplate (itemTpl)

Question

के भीतर फ़ंक्शंस को कॉल करने के लिए कैसे करें मैं कुछ पाठों पर Ext's String विधि का उपयोग करना चाहता हूं जो दृश्य में आउटपुट होंगे।

उदाहरण के लिए:

itemTpl: [ 
    ... 
    '<tpl switch="post_type">', 
    '<tpl case="new_user">', 
     '<p>{post_text_teaser}</p>', 
     '<p>{timestamp}</p>', 
    '<tpl default>', 
     '<p>' + Ext.String.ellipsis(+ '{post_text_teaser}' + \, 4) + '</p>', 
    ... 
].join(''), 

लेकिन निश्चित रूप से लाइन 10 में संयोजन गैर कानूनी है।

क्या आप जानते हैं कि यह संभव है या यह सही तरीके से कैसे करें?

Answer 1

अंदर एक समारोह का उपयोग कर सकते यह आपकी समस्या का समाधान करना चाहिए:

'<tpl switch="post_type">', 
     '<tpl case="new_user">', 
      '<p>{post_text_teaser}</p>', 
      '<p>{timestamp}</p>', 
     '<tpl default>', 
      '<p>{[Ext.String.ellipsis(values.post_text_teaser,4,false)]}</p>', 
    '</tpl>' 

आप पा सकते हैं और अधिक XTemplate के बारे में जानकारीपर

टेम्पलेट सदस्य फ़ंक्शन के साथ यह बात यह है कि जहां तक ​​मुझे पता है कि आप उन्हें नियमित रूप से आइटम में सीधे परिभाषित नहीं कर सकते हैं, लेकिन स्पष्ट रूप से एक नया XTemplate परिभाषित करने की आवश्यकता है और फिर अपने आइटम में इसका उपयोग करें। उदाहरण देखें:

var tpl = new XTemplate(
    '<tpl switch="post_type">', 
     '<tpl case="new_user">', 
      '<p>{post_text_teaser}</p>', 
      '<p>{timestamp}</p>', 
     '<tpl default>', 
      '<p>{[this.shorten(values.post_text_teaser)]}</p>', 
    '</tpl>', 
    {   
     shorten: function(name){ 
      return Ext.String.ellipsis(name,4,false); 
     } 
    } 
); 

... 

itemTpl: tpl, 

... 

Senchafiddle example

इस के रूप में नीचे दिए गए कोड होगा ठीक काम करना चाहिए (बस ऊपर XTemplate से कोड डालने)।

itemTpl: new XTemplate(...), 

Senchafiddle example

आशा इस इसे बाहर sortens कि!

संपादित देखा है कि मैं याद किया समापन टैग हेड, कभी कभी यह उनके बिना काम करता है, लेकिन यह हमेशा उन्हें इस्तेमाल करने के रूप में वे सकता है दिलचस्प त्रुटियों (इस मामले में एक उत्पन्न कोड को लापता हो ब्रैकेट) का कारण अच्छी आदत है।

Answer 2

Note: The example below does not work as expected! Look at zelexir answer for clarification!

आप memberfunctions

itemTpl: [ 
    ... 
    '<tpl switch="post_type">', 
    '<tpl case="new_user">', 
     '<p>{post_text_teaser}</p>', 
     '<p>{timestamp}</p>', 
    '<tpl default>', 
     '<p>{[this.doAction(post_text_teaser)]}</p>', 
    ..., 
    { 
     // XTemplate configuration: 
     disableFormats: true, 
     // member functions: 
     doAction: function(name){ 
      return Ext.String.ellipsis(name + "\", 4); 
     } 
    } 
] 

Answer 3

उपयोग कर सकते हैं आप एक टेम्पलेट

itemTpl: [ 
    ... 
    '<tpl switch="post_type">', 
    '<tpl case="new_user">', 
     '<p>{post_text_teaser}</p>', 
     '<p>{timestamp}</p>', 
    '<tpl default>', 
     '<p>{[this.concatenate(values.post_text_teaser)]}</p>', 
    ..., 
    { 
     concatenate: function(teaser) { 
       return Ext.String.ellipsis(+ teaser + \, 4); 
     } 
    } 
]