带有可点击行的ASP.Net列表视图,突出显示所选项目

我的ASP.net列表视图的每一行都包含

中的几个组件,我的问题有两个部分:

  1. 如何使此行可单击(以使用SelectedIndexChanged事件)? 我想根据点击的行在另一个用户控件中加载一些数据。

  2. 如何使用(例如浅蓝色)框在其周围或上方显示所选行?

谢谢

更新

   
Google
Bing
$("div.clickable").mouseover(function () { // $(this).css("outline-style", "solid"); // $(this).css("outline-color", "Navy"); // $(this).css("outline-width", "thin"); $("#div.clickable").each(function () { $(this).removeClass("Selected") }); $(this).addClass("Selected"); }); $("div.clickable").click( function () { window.location = $(this).attr("url"); });

风格会是

 .clickable { cursor:pointer; cursor: hand; } .Selected { outline-style:solid; outline-color:Navy; outline-width:thin; } 

但是当鼠标移过另一个项目时,它无法正常工作。 它不清除前一项的大纲。

您需要挂钩listview行绑定并添加单击时要包含的信息。 使用此function,您可以向单击时读回的按钮添加属性,例如……

为了突出显示,您可以在客户端使用此JQuery 🙁 点击时asp.net listview突出显示行 )

  $("#myTable tr").click( function () { $("#myTable tr").each(function () { $(this).removeClass("selected")}); $(this).addClass("selected"); });​