更新子模板
我有一个主模板，例如：
<script type="text/x-jQuery-tmpl" id="baseTmpl">
<tr>
<td>${Name}</td>
<td>
<div id="${ID}">
{{tmpl "#displayTmpl"}}
</div>
</td>
</tr>
</script>
<script type="text/x-jQuery-tmpl" id="displayTmpl">
<a id="myLink" href="javascript:changeTmpl(${ID})">${Department}</a>
</script>
<script type="text/x-jQuery-tmpl" id="editTmpl">
<input type="text" id="text" value="${Department}" />
</script>
<script type="text/javascript">
function changeTmpl(id) {
var templateItem = $('#'+id).tmplItem();
templateItem.tmpl = editTemplate;
templateItem.update();
};
</script>
上面的代码在更新模板时也会删除所有 tr 数据。我想只更新 div 的内容而不是完整的 tr
I have a master template like:
<script type="text/x-jQuery-tmpl" id="baseTmpl">
<tr>
<td>${Name}</td>
<td>
<div id="${ID}">
{{tmpl "#displayTmpl"}}
</div>
</td>
</tr>
</script>
<script type="text/x-jQuery-tmpl" id="displayTmpl">
<a id="myLink" href="javascript:changeTmpl(${ID})">${Department}</a>
</script>
<script type="text/x-jQuery-tmpl" id="editTmpl">
<input type="text" id="text" value="${Department}" />
</script>
<script type="text/javascript">
function changeTmpl(id) {
var templateItem = $('#'+id).tmplItem();
templateItem.tmpl = editTemplate;
templateItem.update();
};
</script>
The above code remove all tr data as well and when I update the template. I want to update the content of just the div rather than full tr
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在基本模板中，ID 应该引用 tr，而不是 div
目前，当您选择 var templateItem = $('#'+id).tmplItem(); 时，它只会拉出 div，因为这就是id 指的是。
In the base template, the ID should refer to the tr, not the div
At the moment, when you select var templateItem = $('#'+id).tmplItem();, it only pulls out the div because that is what the id refers to.
当您执行此操作时：
您将获得 div 的 tmplItem，它实际上与该模板呈现的所有内容相同的 tmplItem（整个
）。您想要访问 div 内元素的 tmplItem。这会起作用：
When you do this:
You are getting the tmplItem of the div, which is actually the same tmplItem for everything rendered by that template (the whole
<tr>).You want to access the tmplItem of the elements inside the div. This would work: