我正在尝试使用Mustache.js创建一个带有JSON对象的表.我希望它显示两行,但它只显示第二行.我怀疑第一行被第二行覆盖,当它在循环中被再次绑定时.
我该如何解决这个问题?或者我应该遵循更好的结构?
使用Javascript:
var text = '[{"Fullname":"John", "WorkEmail":"john@gmail.com"},{"Fullname":"Mary", "WorkEmail":"mary@gmail.com"}]'
var obj = JSON.parse(text);
$(document).ready(function() {
var template = $('#user-template').html();
for(var i in obj)
{
var info = Mustache.render(template, obj[i]);
$('#ModuleUserTable').html(info);
}
});
Run Code Online (Sandbox Code Playgroud)
模板:
<script id="user-template" type="text/template">
<td>{{FullName}}</td>
<td>{{WorkEmail}}</td>
</script>
Run Code Online (Sandbox Code Playgroud)
表:
<table border="1">
<tr>
<th>FullName</th>
<th>WorkEmail</th>
</tr>
<tr id = "ModuleUserTable">
</tr>
</table>
Run Code Online (Sandbox Code Playgroud) 有没有办法可以绑定bootstrap到asp控件?
引导按钮:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-cog"></span></button>
Run Code Online (Sandbox Code Playgroud)
Asp.net按钮:
<asp:Button ID="Button1" runat="server" Text="Button" class="btn btn-default btn-lg"/>//How i add the span class? or is there a work around?
Run Code Online (Sandbox Code Playgroud)
如果这是不可能的,有没有办法让html按钮可以触发.net事件功能?
protected void Button1_Click(object sender, EventArgs e)
{
//Do something.
}
Run Code Online (Sandbox Code Playgroud)
我试过在html上添加onclick ="Button1_Click",它不起作用.