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     re : /\{([\w-\.]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,
  22
  23
  24     compile: function()
  25     {
  26         var s = this.html;
  27
  28         s = ['<tpl>', s, '</tpl>'].join('');
  29
  30         var re = /<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;
  31
  32         var nameRe = /^<tpl\b[^>]*?for="(.*?)"/;
  33         var ifRe   = /^<tpl\b[^>]*?if="(.*?)"/;
  34         var execRe = /^<tpl\b[^>]*?exec="(.*?)"/;
  35         var m, id = 0;
  36         var tpls = [];
  37
  38         while(true == !!(m = s.match(re))){
  39            var m2 = m[0].match(nameRe);
  40            var m3 = m[0].match(ifRe);
  41            var m4 = m[0].match(execRe);
  42            var exp = null, fn = null, exec = null;
  43            var name = m2 && m2[1] ? m2[1] : '';
  44            if(m3){
  45                exp = m3 && m3[1] ? m3[1] : null;
  46                if(exp){
  47                    fn = new Function('values', 'parent', 'with(values){ return '+(Roo.util.Format.htmlDecode(exp))+'; }');
  48                }
  49            }
  50            if(m4){
  51                exp = m4 && m4[1] ? m4[1] : null;
  52                if(exp){
  53                    exec = new Function('values', 'parent', 'with(values){ '+(Roo.util.Format.htmlDecode(exp))+'; }');
  54                }
  55            }
  56            if(name){
  57                switch(name){
  58                    case '.':  name = new Function('values', 'parent', 'with(values){ return values; }'); break;
  59                    case '..': name = new Function('values', 'parent', 'with(values){ return parent; }'); break;
  60                    default:   name = new Function('values', 'parent', 'with(values){ return '+name+'; }');
  61                }
  62            }
  63            tpls.push({
  64                 id: id,
  65                 target: name,
  66                 exec: exec,
  67                 test: fn,
  68                 body: m[1]||''
  69             });
  70            s = s.replace(m[0], '{xtpl'+ id + '}');
  71            ++id;
  72         }
  73         for(var i = tpls.length-1; i >= 0; --i){
  74             this.compileTpl(tpls[i]);
  75         }
  76         this.master = tpls[tpls.length-1];
  77         this.tpls = tpls;
  78         return this;
  79     },
  80
  81     applySubTemplate : function(id, values, parent){
  82         var t = this.tpls[id];
  83         if(t.test && !t.test.call(this, values, parent)){
  84             return '';
  85         }
  86         if(t.exec && t.exec.call(this, values, parent)){
  87             return '';
  88         }
  89         var vs = t.target ? t.target.call(this, values, parent) : values;
  90         parent = t.target ? values : parent;
  91         if(t.target && vs instanceof Array){
  92             var buf = [];
  93             for(var i = 0, len = vs.length; i < len; i++){
  94                 buf[buf.length] = t.compiled.call(this, vs[i], parent);
  95             }
  96             return buf.join('');
  97         }
  98         return t.compiled.call(this, vs, parent);
  99     },
 100
 101     compileTpl : function(tpl)
 102     {
 103         var fm = Roo.util.Format;
 104         var useF = this.disableFormats !== true;
 105         var sep = Roo.isGecko ? "+" : ",";
 106         var fn = function(m, name, format, args){
 107
 108             if (!format) {
 109                 format= 'htmlEncode';
 110             }
 111             if (format == 'raw' ) {
 112                 format = false;
 113             }
 114
 115             if(name.substr(0, 4) == 'xtpl'){
 116                 return "'"+ sep +'this.applySubTemplate('+name.substr(4)+', values, parent)'+sep+"'";
 117             }
 118             var v;
 119             if(name.indexOf('.') != -1){
 120                 v = name;
 121             }else{
 122                 v = "values['" + name + "']";
 123             }
 124             if(format && useF){
 125                 args = args ? ',' + args : "";
 126                 if(format.substr(0, 5) != "this."){
 127                     format = "fm." + format + '(';
 128                 }else{
 129                     format = 'this.call("'+ format.substr(5) + '", ';
 130                     args = ", values";
 131                 }
 132             }else{
 133                 args= '';
 134                 format = "("+v+" === undefined ? '' : ";
 135             }
 136             return "'"+ sep + format + v + args + ")"+sep+"'";
 137         };
 138         var body;
 139         // branched to use + in gecko and [].join() in others
 140         if(Roo.isGecko){
 141             body = "tpl.compiled = function(values, parent){ return '" +
 142                    tpl.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn) +
 143                     "';};";
 144         }else{
 145             body = ["tpl.compiled = function(values, parent){ return ['"];
 146             body.push(tpl.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn));
 147             body.push("'].join('');};");
 148             body = body.join('');
 149         }
 150
 151         /** eval:var:zzzzzzz */
 152         eval(body);
 153         Roo.log(body.replace(/\\n/,'\n'));
 154
 155         return this;
 156     },
 157
 158     applyTemplate : function(values){
 159         return this.master.compiled.call(this, values, {});
 160         //var s = this.subs;
 161     },
 162
 163     apply : function(){
 164         return this.applyTemplate.apply(this, arguments);
 165     }
 166
 167  });
 168
 169 Roo.XTemplate.from = function(el){
 170     el = Roo.getDom(el);
 171     return new Roo.XTemplate(el.value || el.innerHTML);
 172 };