代码之家  ›  专栏  ›  技术社区  ›  Shawn Mclean

将Ajax数据绑定到HTML列表模板

  •  1
  • Shawn Mclean  · 技术社区  · 16 年前

    我想要一个功能,比如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中,是否有一种方法可以轻松地将数据绑定到此项模板?

    谢谢您

    2 回复  |  直到 16 年前
        1
  •  1
  •   Jason Rowe    16 年前

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

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

    它对模板使用这种语法。

    <td id="CustomerRow_<#= i.toString() #>">
     <#= cust.FirstName #>
    </td> 
    
        2
  •  2
  •   Josh    16 年前