4

以下のようなASP.NET4.0DataViewコントロールがある場合、クライアント側で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>

たとえば、このレコードを「選択」するためのボタンまたはリンクが必要であり、サーバーに電子メールを送信するか、データベースでフラグを立てさせるか、選択した行のスタイルを変更してユーザーのフォーカスをそれ。

4

1 に答える 1

1

クライアントテンプレートはレンダリングに使用され、イベントを添付するオプションはありません。

jQueryを使用すると、簡単な選択を実装できると思います

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

ボタンのあるケースは、クライアントテンプレートを介してボタンを追加し、同様の方法でイベントをバインドすることで処理できます。

于 2009-09-10T06:21:50.157 に答える