下划线模板(二合一)/主干
Underscore Templates (two in one) / Backbone
如何在Underscore.js模板中调用不同的模板?
HTML代码:
<*script id="editWrapView" type="text/template">
<div class="wrapperFields__leftUnderLine disp_intop"></div>
<div class="wrapperFields__titleItem disp_intop">
<span class="f_s_100"><%=title%></span>
</div>
<div class="wrapperFields__rightUnderLine disp_intop"></div>
<div class="wrapperFields__basicFields ">
<ul class="basicFields__ulList">
<li class="ulList__item">
<span class="question" title=""></span>
<label id="sortOrder" class="labelItem">SortOrder</label>
<input name="sortOrder" class="custom-input width_fields_input"/>
</li>
<li class="ulList__item">
<span class="question" title=""></span>
<label id="sortOrder" class="labelItem">TYPE</label>
<select class="width_fields_select">
<option value="1" <% if(type == 1){ %>selected<%}%> >Category</option>
<option value="2" <% if(type == 2){ %>selected<%}%>>Link</option>
<option value="3" <% if(type == 3){ %>selected<%}%>>Spacer</option>
<option value="4" <% if(type == 4){ %>selected<%}%>>Divider</option>
<option value="5" <% if(type == 5){ %>selected<%}%>>HTML</option>
</select>
</li>
</ul>
</div>
<div class="wrapperFields__changeFields disp_intop">
<%= _.template( $("#category_"+type).html(), this) %> <!-- QUESTION STRING -->
</div>
</*script>
<*script id="category_1" type="text/template">
<ul class="basicFields__ulList" id="1">
<li class="ulList__item">
<span class="question" title=""></span>
<label id="sortOrder" class="labelItem">ChooseCategory</label>
<select class="width_fields_select">
<option value="1" <% if (type == 1){ %>selected <% } %> >Category</option>
<option value="2">Link</option>
<option value="3">Spacer</option>
<option value="4">Divider</option>
<option value="5">HTML</option>
</select>
</li>
<li class="ulList__item">
<span class="question" title=""></span>
<label id="sortOrder" class="labelItem">LEVELS TO SHOW</label>
<input name="sortOrder" class="custom-input width_fields_input"/>
</li>
</ul>
</*script>
主干代码:
render : function(){
var tpl = _.template($("#editWrapView").html(), this.model.toJSON());
this.$el.html(tpl);
return this;
},
你可以渲染部分模板并将其添加到主模板中。
试试这样写:
render: function(){
var tpl = _.template($("#editWrapView").html(), this.model.toJSON());
this.$el.html(tpl);
var partial = _.template($("#myPartial").html(), this.model.toJSON());
this.$el.find(".wrapperFields__changeFields").append(partial);
return this;
}
相关文章:
- 主干-不管怎样,检查事件以前是否绑定过
- 主干模板:index.jst.eco到index.jst.ejs
- 获取@ResponseBody的一部分作为主干和Spring MVC控制器之间的参数
- 主干集合重置和解析
- 当单击第一个李时,它显示内容一,当单击第二个李时,它显示内容二
- 主干窗体隐藏字段未呈现
- 我应该如何检查主干.主干.模型更改时查看
- 作为一个二维数组,从ajax接收
- 如何查找值是否存在于二叉树中
- 取消绑定主干视图事件
- 移动触发二'单击'事件
- 主干-从模板中迭代的集合中获取特定的模型
- 如何计算二十面体的法线
- 主干模型更改事件只触发一次
- 如何覆盖主干中的extend方法
- 创建P5.js二维数组
- 在WebGL中绘制多个二维图像
- 二合一图像在鼠标悬停点拆分
- 在javascript中满足二合一正则表达式模式
- 下划线模板(二合一)/主干