MVC+Jquery开发B/S系统：①列表绑定

核心提示：OK，今天看到首页一篇MVC+JS的文章，MVC+Jquery开发B/S系统：①列表绑定，最近我在用这两样东西， 发一下自己在应用中的应用方法，Ⅰ如何表达一个控件？ItemTemplate如何表示？其实很简单，我们不必做十分复杂的列表，我们想，WebForm绑定列表有repeater和Gridview

OK，今天看到首页一篇MVC+JS的文章。最近我在用这两样东西。 发一下自己在应用中的应用方法。

我们想，WebForm绑定列表有repeater和Gridview ，如果用MVC我们还用控件当然不是不行，就是有点说不过去了吧？(啥子说不过去？)

控件既然如此方便。我们就用Js来实现简单的控件绑定。 这里都是用到的Jquery。如果有人觉得不爽，请立即停止阅读。

请思考下面三个问题：

Ⅰ如何表达一个控件？ItemTemplate如何表示？

Ⅱ有了模板如何执行替换？

Ⅲ如何得到模板需要的DataSource？

先解决第一个问题，我们定好模板的规则才方便写替换方法。也才能和Controller开发人员约定DataSource的格式。

Ⅰ如何表达一个控件？ItemTemplate如何表示？

其实很简单，我们不必做十分复杂的列表。就算做我们也要留个后路才处理复杂的情况。

看一下HTML：

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="list" id="lstAdvertiser">
　　　 <thead>
　　　　　　　 <tr>
　　　　　　　　　　　 <th style="width: 80px">
　　　　　　　　　　　　　　　 <a href="javascript:void(0)" sort="AdvertiserId">ID</a>
　　　　　　　　　　　 </th>
　　　　　　　　　　　 <th>
　　　　　　　　　　　　　　　 <a href="javascript:void(0)" sort="AdvertiserName">广告客户</a>
　　　　　　　　　　　 </th>
　　　　　　　　　　　 <th style="width: 120px">
　　　　　　　　　　　　　　　 品牌管理
　　　　　　　　　　　 </th>
　　　　　　　　　　　 <th style="width: 120px">
　　　　　　　　　　　　　　　 操作
　　　　　　　　　　　 </th>
　　　　　　　 </tr>
　　　　　　　 <!--
　　　　　　　 <tr id="item_{AdvertiserId}">
　　　　　　　　　　　 <td>
　　　　　　　　　　　　　　　 {AdvertiserId}
　　　　　　　　　　　 </td>
　　　　　　　　　　　 <td style="text-align: left;">
　　　　　　　　　　　　　　　 {AdvertiserName}
　　　　　　　　　　　 </td>
　　　　　　　　　　　 <td>
　　　　　　　　　　　　　　　 <a href="/Brand/Add?AccountId={AdvertiserId}" target="_new" title="创建品牌">
　　　　　　　　　　　　　　　　　　　 创建</a> <a href="/Brand/List?AccountId= {AdvertiserId}&AdvertiserName= {AdvertiserName}" target="_new" title="品牌管理">
　　　　　　　　　　　　　　　　　　　　　　　 查看</a>
　　　　　　　　　　　 </td>
　　　　　　　　　　　 <td>
　　　　　　　　　　　　　　　 <a href="/Advertiser/Edit?Id={AdvertiserId}" target="_new" title="修改广告客户">修改</a>
　　　　　　　　　　　　　　　 <a href="/Advertiser/Delete?id={AdvertiserId}" target="_delete">删除</a>
　　　　　　　　　　　 </td>
　　　　　　　 </tr>
　　　 -->
　　　 </thead>
　　　 <tbody>
　　　 </tbody>
　　　 <tfoot>
　　　 </tfoot>
</table>

编缉推荐阅读以下文章

• MVC+Jquery开发B/S系统：③表单提交
• MVC+JQuery开发B/S系统：②表单绑定