git.roojs.org Git - roojs1/blob - Roo/XTemplate.js

   1 /*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * <script type="text/javascript">
  10  */
  11 Roo.XTemplate = function(){
  12     Roo.XTemplate.superclass.constructor.apply(this, arguments);
  13     if (this.html) {
  14         this.preCompile();
  15     }
  16 };
  17
  18
  19 Roo.extend(Roo.XTemplate, Roo.Template, {
  20
  21     /**
  22      *
  23      * basic tag replacing syntax
  24      * WORD:WORD()
  25      *
  26      * // you can fake an object call by doing this
  27      *  x.t:(test,tesT)
  28      *
  29      */
  30     re : /\{([\w-\.]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,
  31
  32
  33     compile: function()
  34     {
  35         var s = this.html;
  36
  37         s = ['<tpl>', s, '</tpl>'].join('');
  38
  39         var re = /<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;
  40
  41         var nameRe = /^<tpl\b[^>]*?for="(.*?)"/;
  42         var ifRe   = /^<tpl\b[^>]*?if="(.*?)"/;
  43         var execRe = /^<tpl\b[^>]*?exec="(.*?)"/;
  44         var m, id = 0;
  45         var tpls = [];
  46
  47         while(true == !!(m = s.match(re))){
  48            var m2 = m[0].match(nameRe);
  49            var m3 = m[0].match(ifRe);
  50            var m4 = m[0].match(execRe);
  51            var exp = null,
  52                 fn = null,
  53                 exec = null;
  54            var name = m2 && m2[1] ? m2[1] : '';
  55            if(m3){
  56                 // if - puts fn into test..
  57                 exp = m3 && m3[1] ? m3[1] : null;
  58                 if(exp){
  59                    fn = new Function('values', 'parent', 'with(values){ return '+(Roo.util.Format.htmlDecode(exp))+'; }');
  60                 }
  61            }
  62            if(m4){
  63                 // exec - calls a function... returns empty if true is  returned.
  64                exp = m4 && m4[1] ? m4[1] : null;
  65                if(exp){
  66                    exec = new Function('values', 'parent', 'with(values){ '+(Roo.util.Format.htmlDecode(exp))+'; }');
  67                }
  68            }
  69            if(name){
  70                 // for =
  71                switch(name){
  72                    case '.':  name = new Function('values', 'parent', 'with(values){ return values; }'); break;
  73                    case '..': name = new Function('values', 'parent', 'with(values){ return parent; }'); break;
  74                    default:   name = new Function('values', 'parent', 'with(values){ return '+name+'; }');
  75                }
  76            }
  77            tpls.push({
  78                 id: id,
  79                 target: name,
  80                 exec: exec,
  81                 test: fn,
  82                 body: m[1]||''
  83             });
  84            s = s.replace(m[0], '{xtpl'+ id + '}');
  85            ++id;
  86         }
  87         for(var i = tpls.length-1; i >= 0; --i){
  88             this.compileTpl(tpls[i]);
  89         }
  90         this.master = tpls[tpls.length-1];
  91         this.tpls = tpls;
  92         return this;
  93     },
  94
  95     applySubTemplate : function(id, values, parent){
  96         var t = this.tpls[id];
  97         if(t.test && !t.test.call(this, values, parent)){
  98             return '';
  99         }
 100         if(t.exec && t.exec.call(this, values, parent)){
 101             return '';
 102         }
 103         var vs = t.target ? t.target.call(this, values, parent) : values;
 104         parent = t.target ? values : parent;
 105         if(t.target && vs instanceof Array){
 106             var buf = [];
 107             for(var i = 0, len = vs.length; i < len; i++){
 108                 buf[buf.length] = t.compiled.call(this, vs[i], parent);
 109             }
 110             return buf.join('');
 111         }
 112         return t.compiled.call(this, vs, parent);
 113     },
 114
 115     compileTpl : function(tpl)
 116     {
 117         var fm = Roo.util.Format;
 118         var useF = this.disableFormats !== true;
 119         var sep = Roo.isGecko ? "+" : ",";
 120         var fn = function(m, name, format, args){
 121             //["{TEST:(a,b,c)}", "TEST", "", "a,b,c", 0, "{TEST:(a,b,c)}"]
 122             if (typeof(format) == 'undefined') {
 123                 format= 'htmlEncode';
 124             }
 125             if (format == 'raw' ) {
 126                 format = false;
 127             }
 128
 129             if(name.substr(0, 4) == 'xtpl'){
 130                 return "'"+ sep +'this.applySubTemplate('+name.substr(4)+', values, parent)'+sep+"'";
 131             }
 132
 133             var v;
 134             //if(name.indexOf('.') != -1){
 135                 v = name;
 136             //}else{
 137             //    v = "values['" + name + "']";
 138             //}
 139             if(format && useF){
 140
 141                 args = args ? ',' + args : "";
 142
 143                 if(format.substr(0, 5) != "this."){
 144                     format = "fm." + format + '(';
 145                 }else{
 146                     format = 'this.call("'+ format.substr(5) + '", ';
 147                     args = ", values";
 148                 }
 149             }else{
 150                 format = "("+v+" === undefined ? '' : ";
 151                 if (args) {
 152                     // called with xxyx.yuu:(test,test)
 153                     // change to ()
 154                     return "'"+ sep + format + v + '(' +  args + "))"+sep+"'";
 155                 }
 156                 args= '';
 157
 158             }
 159             return "'"+ sep + format + v + args + ")"+sep+"'";
 160         };
 161         var body;
 162         // branched to use + in gecko and [].join() in others
 163         if(Roo.isGecko){
 164             body = "tpl.compiled = function(values, parent){ with(values) { return '" +
 165                    tpl.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn) +
 166                     "';};};";
 167         }else{
 168             body = ["tpl.compiled = function(values, parent){ with (values) { return ['"];
 169             body.push(tpl.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn));
 170             body.push("'].join('');};};");
 171             body = body.join('');
 172         }
 173
 174         /** eval:var:zzzzzzz */
 175         eval(body);
 176         Roo.log(body.replace(/\\n/,'\n'));
 177
 178         return this;
 179     },
 180
 181     applyTemplate : function(values){
 182         return this.master.compiled.call(this, values, {});
 183         //var s = this.subs;
 184     },
 185
 186     apply : function(){
 187         return this.applyTemplate.apply(this, arguments);
 188     }
 189
 190  });
 191
 192 Roo.XTemplate.from = function(el){
 193     el = Roo.getDom(el);
 194     return new Roo.XTemplate(el.value || el.innerHTML);
 195 };