カードASP.NETでクリックイベントC＃

Question

私はSemanticUIフレームワークを使用して作成されたカードのリストを持っています。私はまた、ページの側面にいくつかのテキストフィールドがあります。これらのカードは、ユーザーのリストを表します。私は以下を実装しようとしています。ユーザーがカードをクリックすると、カードが選択されます。次に、ユーザは編集ボタンまたは削除ボタンのいずれかをクリックすることができ、これらのボタンの機能OnClickが呼び出される。今、どのカードが選択されたかをどのように知ることができますか？

<a href="?cardId=val class = "ui card"></a> 

私は今のようにCARDIDを読み取ることができます。ただし、ページがポストバックを取得し、私はこれはそれを行うための最善の方法であるかどうかわからないのです

Request.QueryString["cardId"] 

。お知らせ下さい。

Answer 1

あなたはそれがhref="#abc" or href="javascript:void(0)" でない限り、それは常にそれがであるポストバックの.asをするつもりは常に&である理由があること<a onclick="myJsFunc(cardId);" href="#cardId=val class = "ui card"></a>

を使用して

$(window).on('hashchange', function() { 
    //.. some URL change related stuffs if any 
}); 

function myJsFunc(cardId) { 
    $.ajax({ 
     type: 'GET', 
     url: "//PartialViewExample?cardId=cardId, // Call your C# function 
     success: function (response) { 
      // do the Dom Manipulation here and it will not postback 
     }l 
    }); 
} 

C# 
public ActionResult PartialViewExample(string cardId) 
{ 

// here the string parameter is same as your Request.QueryString["cardId"] 

// do your thing 
    return PartialView(); 
} 

内のポストAjaxのクエリを書くことができますあなたのケース