带有可点击行的ASP.Net列表视图,突出显示所选项目
我的ASP.net列表视图的每一行都包含
中的几个组件,我的问题有两个部分:
-
如何使此行可单击(以使用
SelectedIndexChanged
事件)? 我想根据点击的行在另一个用户控件中加载一些数据。 -
如何使用(例如浅蓝色)框在其周围或上方显示所选行?
谢谢
更新
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"); });