随时可以给doT模板传任何你想要的值

我以前一直以为只有传给后台的数据才能用doT模板写入,

其实,随时可以把本地处理的数据,仅仅的一个变量,改头换面成一个it关键字下面的属性。

方法就是在tpl中给它赋值。

要注意的是,首先tpl中的属性值必须在onCreate中的setView中初始化过,也就是get过,

此处并不是必须要config中声明过才可以。

config: {

    },
Sorted = [],
Alphabet = [],
onCreate: function() {

    this.setView("cityList.html", {
    items : null,
    alphabet : this.getAlphabet()
    });
    this.scroller = null;

},

这个属性值,规范化命名应该是小写字母打头,为了后面的get方法把它变成大写字母打头的。

属性值对应html模板中的属性值。

而自己定义的变量,变量名没有这种限制,因为它只是将被赋值给这个属性值,他们甚至都不一定要用同一个单词,心里有数就好。

//format the cities data
        me.cityList(items.cities);
        items.cities = me.Sorted;
        //inject to doT
        var tpl = itu.view.get("resources/cc/cityList/cityList.html"),
            html = tpl({
                items: items,
                alphabet: me.Alphabet
            });
        me.$content = $.create(html);
        me.$element.empty().append(me.$content);

一句话总结:“我只需要在 模板中 写个属性,在setview里面get这个属性,然后tpl里面给它赋值,config不用写”

时间: 2024-10-30 09:16:52

随时可以给doT模板传任何你想要的值的相关文章

【仿doT前端模板】一、最简单的值替换

想达到什么效果? 首先,我们先来看看doT中是怎样一个效果 标记变量的格式为  {{= }} 我们输出结果的容器为: <div id="output"></div> 模板: 1 <script id="template" type="text/x-dot-template"> 2 <p>Hi {{=it.name}}!</p> 3 </script> 调用方式: 1 var

Dot模板的使用小结2

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Dot模板总结</title> 6 </head> 7 <body> 8 <div id="div1"> 9 10 </div> 11 <!--安装dot模板--&

如何还原Microsoft Office Word 2003默认的Normal.dot模板文件

依此找到Tools --> Options... --> File Locations --> User templates 点击Modify... 点击右上角Tools的倒三角,选择Properties 复制Location,如:C:\Users\Administrator\AppData\Roaming\Microsoft,并在资源管理器中打开. 打开Templates目录,关闭Word,删除Normal.dot. 打开Word,关闭Word,该目录下会重新生成Normal.dot模

9_flask中的模板渲染和模板传参及其技巧

模板传参 在使用render_template 渲染模板的时候,可以传递关键字参数, 如果你的参数过多,那么可以将所有的参数放到一个字典中,然后 传这个字典参数的时,使用两个星号,将字典打散成关键字参数 后台传参 @app.route('/') def index(): # return render_template('index.html', name='long', age=18, country='china') context = { 'name': 'long', 'age': 18

Thymeleaf模板如何获取springMVC返回的model值

Thymeleaf模板如何获取springMVC返回的model值 后台的实现: @RequestMapping("/hello") public String hello(ModelMap model){ User user=new User(); user.setId(1); user.setName("zhangsan"); model.addAttribute("user",user ); return "index"

传引用作为形参和返回值_节省参数拷贝的时间

基本的传引用概念 #include <bits/stdc++.h> using namespace std; //说出以下两个函数的区别 int& whatf(int &a,int &b) //如果不希望函数执行过程中 某变量被修改 用const限定 { a=3;b=2; return a; } int whath(int a,int b) { a=3;b=2; return a; } int main() { int a,b; whatf(a,b)++; cout&l

用ajaxFileUpLoad上传文件不能正确取得返回值的问题

刚开始没有觉得ajax请求的dataType参数的重要性,用了ajaxFileUpLoad插件后,如果页面代码如下: fileElementId : ['imageToUpload'], url : 'url', dataType : 'json', 返回类型为json数据,那么后台处理上传后,必须将返回值封装成json格式的数据返回给前台页面. 后台封装如下: return "{\"result\":" + "\"OK\"}"

SpringMVC ModelAndView方法与模板传参接收不到问题

最近在使用Spring MVC做项目时,碰到一个问题,就是通过ModelAndView与前端模板页面通信时,一直无法在模板中显示出来传过去的参数值. 在网上也查了好久,就是不知道是啥问题,很是郁闷. 突然在网上看到一遍文章,其实说可能是导入的包有问题应该是导入 org.springframework.web.servlet.ModelAndView 非import org.springframework.web.portlet.ModelAndView; 很低级的错误啊,呵呵 !

如何在express使用doT模板引擎

本文假设你已经使用过doT和express,并知道它的模板语法. js的模板引擎实在太多了,幸好 JavaScript template language shootoff 这篇不断被更新的文章,帮我们用真实的测试结果,得到了目前最快的模板引擎doT 安装dot $ sudo npm install dot 让express使用dot 安装express的模板引擎约定,引擎必须有一个compile方法,接受str和options参数,返回一个function对象即可,接口大致如下: export