开发学院网页设计JavaScript MVC+Jquery开发B/S系统:①列表绑定 阅读

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

 2009-09-14 00:00:00 来源:WEB开发网   
核心提示: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系统:②表单绑定

1 2  下一页

Tags:MVC Jquery 开发

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接