c# - 動的アクションリンク

Question

私はasp.net mvc 4を使用しており、次のシナリオがあります

Cities           Places     Events
------           ------------------
City 1          |                  
City 2          |
                |

左側のナビゲーション (都市) には、データベース内のすべての都市が一覧表示されます。Places and Events は、アクション メソッドへのリンクでもあります。

<li>@Html.ActionLink("Places", "Places", null, new{id="placeslink"})</li>
<li>@Html.ActionLink("Events", "Events", null, new{id="eventslink"})</li>

次のスクリプト (jQuery) を使用して、場所とイベントを非同期的に読み込んでいます

$('#placeslink').click(function (event) {
    event.preventDefault();

    var url = $(this).attr('href');
    $('#content').html(ajax_load).load(url);
});

$('#eventslink').click(function (event) {
    event.preventDefault();

    var url = $(this).attr('href');
    $('#content').html(ajax_load).load(url);
});

それは正常に機能しており、場所とイベントのリンクをクリックすると、データベースからページ上のすべての場所 (都市固有ではない) とイベントが読み込まれます。

今私が達成したいのは、ユーザーが場所を表示しているときに都市をクリックすると、その都市の場所のみが表示され、イベントが選択されている場合、同じ都市のリンクがその都市のイベントを表示することです。同様に、都市 (都市 1 など) を選択して場所をクリックすると、選択した都市の場所が表示され、[イベント] をクリックすると、選択した都市のイベントが表示されます。

次のアクションメソッドがあります

public ActionResult Places()
{
  if (Request.IsAjaxRequest())
  {
     ....  
     return PartialView(model);               

  }
  return View();
}

それは非常に紛らわしく、都市、場所、およびイベントの適切なリンクを生成し、上記の結果を達成する方法を 1 つの方法で考えることはできません。