【问题标题】:Binding AJAX data to html list template将 AJAX 数据绑定到 html 列表模板
【发布时间】:2010-01-09 04:09:07
【问题描述】:

我想要 Silverlight 中的绑定等功能,但这适用于 html 和 ajax 调用。

我从服务器检索以下对象的数组,它是用户信息,其类如下所示:

public class User{
    public int UserId;
    public string ImgUrl;
    public string UserName;
}

如果我有如下列表项模板:

<div id="{USERID}">
    <img src="{ITEM_IMAGE_URL}" />
    <span>UserName: </span><span>{USERNAME}</span>
</div>

在 javascript/Jquery 中有没有一种方法可以轻松地将数据绑定到这个项目模板?

谢谢

【问题讨论】:

    标签: javascript data-binding jquery


    【解决方案1】:

    Rick Strahl 有一篇关于client side templating with JQuery 选项的不错的帖子

    【讨论】:

      【解决方案2】:

      看看这个parseTemplate Jquery 扩展的演练。它还有一个功能齐全的项目,您可以下载并运行它。该示例效果很好。

        var output = $('#MyTemplate').parseTemplate(json);
                              $('#MyTemplateOutput').html(output);
      

      它对模板使用这种语法。

      <td id="CustomerRow_<#= i.toString() #>">
       <#= cust.FirstName #>
      </td> 
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-08-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-07-09
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多