2012-04-05 14 views
81

नेट पर उत्तर की तलाश में था, लेकिन कुछ भी नहीं मिला। कोड का यह छोटा सा नाश्ता वास्तव में मुझे निराश करता है, क्योंकि मैं इसे समझ नहीं सकता।एक्स-टीएमपीएल क्या है?

<script id="template-download" type="text/x-tmpl"> 
{% for (var i=0, file; file=o.files[i]; i++) { %} 
    <tr class="template-download fade"> 
    {% if (file.error) { %} 
     <td></td> 
     <td class="name"><span>{%=file.name%}</span></td> 
     <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
     <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td> 
    {% } else { %} 
     <td class="preview">{% if (file.thumbnail_url) { %} 
      <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a> 
     {% } %}</td> 
     <td class="name"> 
      <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a> 
     </td> 
     <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
     <td colspan="2"></td> 
    {% } %} 
    <td class="delete"> 
     <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"> 
      <i class="icon-trash icon-white"></i> 
      <span>{%=locale.fileupload.destroy%}</span> 
     </button> 
     <input type="checkbox" name="delete" value="1"> 
    </td> 
    </tr> 
{% } %} 
</script> 
  • तो, किस प्रकार text/x-tmpl है: (jQuery फाइल अपलोड यह कहा जाता है प्लगइन का हिस्सा है)?
  • ये {% और %} टैग क्या हैं?
  • कौन सा पार्सर इस कोड को निष्पादित करता है?
  • ...

... लेकिन इस बारे में सब कुछ जानना चाहते हैं।

+0

हे तुम मुझे बताओ आप अपलोड के साथ डेटा भेजा था कैसे की तरह मैं फ़ाइल –

+0

@Mayankswami के साथ जगह भेजना चाहते हैं: मैं जो भी आप मुझसे पूछने की कोशिश कर रहे हैं उसे प्राप्त न करें। – Dyin

+0

मुझे लगता है कि आपने jquery फ़ाइल अपलोड का उपयोग किया है। मैं जानना चाहता हूं कि फाइल के साथ फॉर्म डेटा कैसे भेजना है। –

उत्तर

60

x-tmpl का कोई वास्तविक अर्थ नहीं है, यह ब्राउज़र को जावास्क्रिप्ट के रूप में स्क्रिप्ट को समझने से रोकता है।

इसका उपयोग ज्यादातर jquery टेम्पलेट्स या knockoutjs template binding के साथ किया जाता है।

किसी बिंदु पर, कुछ HTML को प्रस्तुत करने के लिए टेम्पलेट के साथ एक जावास्क्रिप्ट डेटा ऑब्जेक्ट का उपयोग किया जाएगा। डेटा ऑब्जेक्ट में मान {%} के साथ चिह्नित किए गए हैं और टेम्पलेट में समान हैं, कुछ {%} अनुभाग जैसे प्रवाह प्रवाह को प्रतिबिंबित करते हैं।

मुझे यकीन नहीं है कि कौन सी टेम्पलेटिंग लाइब्रेरी {%} हालांकि, यह jquery टेम्पलेट्स, jsrender या knockout नहीं है। नमूना कोड में आपको पुस्तकालयों का संदर्भ दिया जाना चाहिए।

+24

मैंने इसे यहां पाया है [जावास्क्रिप्ट टेम्पलेट्स] (http://blueimp.github.com/JavaScript- टेम्पलेट्स/)। इस साइट से लिपि का संदर्भ दिया गया था। नाउ इट आल मेक्स सेंस। आपके ब्रीफिंग के लिए धन्यवाद! – Dyin

+1

jQuery काम नहीं किया जब मैं एक्स-टीएमपीएल के साथ एचटीएमएल प्रस्तुत करता हूं। उदाहरण के लिए मेरे पास एक चेकबॉक्स है जो x-tmpl के अंदर प्रस्तुत करता है। <लेबल वर्ग = "संशोधक बीटीएन"><इनपुट प्रकार = "चेकबॉक्स" आईडी = 'एसईओ'> एसईओ। लिपि एचटीएमएल फाइल के अंदर जोड़ा गया। उदाहरण के लिए <स्क्रिप्ट टाइप = "टेक्स्ट/जावास्क्रिप्ट"> $ ('# एसईओ')। बदलें (फ़ंक्शन() {if ($ (this) .is (': चेक')) {अलर्ट ('हाय');} अन्य {चेतावनी ('हैलो');}} –

11

तो, टेक्स्ट/एक्स-टीएमपीएल किस प्रकार का है?

एक गैर-मानक एक। हालांकि एक टेम्पलेट की तरह लग रहा है।

ये {% और%} टैग क्या हैं?

टेम्पलेट भाषा का हिस्सा।

कौन सा पार्सर इस कोड को निष्पादित करता है?

शायद जावास्क्रिप्ट में लिखा गया है और उसी पृष्ठ पर <script> तत्व में आयात किया गया है।

-3

कोड संदर्भ ऊपर परियोजना Django Jquery फाइल अपलोड यहाँ https://github.com/sigurdga/django-jquery-file-upload

{%%} पाया Django टेम्पलेट टैग नहीं है। अधिक जानकारी के लिए पर जाएँ https://docs.djangoproject.com/en/dev/ref/templates/

ये टैग Django templating प्रणाली द्वारा पार्स किया जाएगा

+2

इस पर कुछ और शोध करने से मुझे पता चला कि मेरा जवाब गलत था। इस मामले में टैग इस जावास्क्रिप्ट लाइब्रेरी द्वारा उपयोग किए जाते हैं https://github.com/sigurdga /django-jquery-file-upload/blob/master/fileupload/static/js/tmpl.min.js एक AJAX ऑपरेशन के परिणाम के आधार पर रीयलटाइम पर HTML सामग्री प्रस्तुत करने के तरीके के रूप में। – czager

+7

ये टैग Django टेम्पलेट टैग नहीं हैं , लेकिन सेबस्टियन Tschan द्वारा जावास्क्रिप्ट टेम्पलेट टैग: http://blueimp.github.com/JavaScript- टेम्पलेट्स / –

संबंधित मुद्दे