Question

我的ASP.net列表视图的每一行都包含<div>中的几个组件，我的问题有两个部分：

如何使此行可单击（以使用SelectedIndexChanged事件）？我想根据点击的行在另一个用户控件中加载一些数据。
如何使用（例如浅蓝色）框在其周围或上方显示所选行？

由于

更新

<script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>

 <link href="StyleSheet.css" rel="stylesheet" type="text/css" />

 <div class="clickable" url="http://www.google.com">
    Google
</div>

<div class="clickable" url="http://www.bing.com">
    Bing
</div>

<script type="text/javascript">
   $("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");
 });
 </script>

<script type="text/javascript">
    $("div.clickable").click(
    function () {
        window.location = $(this).attr("url");
    });
</script>

风格将是

.clickable
{
  cursor:pointer;
  cursor: hand;
}

.Selected
{
  outline-style:solid;
  outline-color:Navy;
  outline-width:thin;
}

当鼠标移过另一个项目时，它无法正常工作。它没有清除上一个项目的大纲。

Answer 1

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

要突出显示，您可以在客户端使用此JQuery：（asp.net listview highlight row on click）

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

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

1 个答案: