首页 / 脚本样式 / jQuery / MVC+Jquery开发B/S系统 （一） 列表绑定

MVC+Jquery开发B/S系统 （一） 列表绑定2013-05-22 博客园 麦子|君子兰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>