我们如何让DataView控件响应javascript事件?

时间:2009-06-10 16:03:25

标签: javascript dataview asp.net-4.0

如果我有一个如下所示的ASP.NET 4.0 DataView控件,我如何在客户端控制javaScript事件?

身体标签:

<body xmlns:sys="javascript:Sys" xmlns:dataview="javascript:Sys.UI.DataView"    
  sys:activate="*">

DataView标记:

<ul sys:attach="dataview" dataview:data="{{ ListOfPeople }}" class="sys-template">    
    <li>    
          <div>{{ GivenName }}</div>  
          <div>{{ SurName }}</div>  
          <div>{{ Title }}</div>  
          <div>{{ Department }}</div>  
          <div>{{ Phone }}</div>  
          <div>{{ EmailAddy }}</div>  
    </li>  
</ul>

例如,我想要一个按钮或链接来“选择”此记录,让服务器向他们发送电子邮件或在数据库中标记它们,甚至可以像改变所选行的样式一样简单,以便带来用户关注它。

1 个答案:

答案 0 :(得分:1)

AFAIK客户端模板用于渲染,没有任何附加事件的选项。

我想使用jQuery你可以实现一个简单的选择

$('#peopleList > li').live('click', function () {
    $(this).parent().children().removeClass('selected');
    $(this).addClass('selected');
});

可以通过客户端模板添加按钮并以类似方式绑定事件来处理按钮的情况。