dataviewコントロールにJavaScriptイベントに応答するにはどうすればよいですか？

StackOverflow https://stackoverflow.com/questions/976567

質問

以下のように見える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');
});

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

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top