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

如果我有一个如下所示的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>

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

解决方法:

AFAIK客户端模板用于呈现,没有任何附加事件的选项.

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

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

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

上一篇:sencha touch笔记(5)——DataView组件(1)


下一篇:DataView.RowFilter 注意事项