实现GridView上的鼠标事件
在C/S架构和一些Table表格中很容易实现鼠标事件的功能,但在ASP.NET的B/S架构中所有的数据绑定控件MICROSOFT并没有将此功能添加进去。但有时后我们在项目中如果添加了这些功能,不但使操作简便,而且能体现技术含量。
大家知道ItemDataBound是在数据绑定时触发的事件,所以我们应该在该事件中添加一些方法。还是以代码来讲述吧:
首先,定义好不同鼠标事件的样式,已选择的行为红色 .selected{color:red},选中的为黄色.select{color:yellow}。
然后,我们就可以直接在ItemDataBoun事件中添加鼠标事件了:
e.Item.Attributes.Add("onmousedown", "if(this.className!='selectedItem'){this.className=select;}");
e.Item.Attributes.Add("onmouseout", "if(this.className!='selectedItem'){this.className=selected;}");
当然,上面实现只是样式上的改变,其实我们真正要的功能可能是,当选中某行后,单击那个按钮显示这行的具体信息。这样我们就要添加一个脚本方法。
<script language="JavaScript">
/*添加一个onClick方法*/
function clickDisplay(FID)
{
.........//将FID作为参数传送
}
</script>
e.Item.Attributes.Add("onclick", "clickDisplay('" + ((DataRowView)e.Item.DataItem).Row["FID"] + "');//FID为主键值
大家知道ItemDataBound是在数据绑定时触发的事件,所以我们应该在该事件中添加一些方法。还是以代码来讲述吧:
首先,定义好不同鼠标事件的样式,已选择的行为红色 .selected{color:red},选中的为黄色.select{color:yellow}。
然后,我们就可以直接在ItemDataBoun事件中添加鼠标事件了:
e.Item.Attributes.Add("onmousedown", "if(this.className!='selectedItem'){this.className=select;}");
e.Item.Attributes.Add("onmouseout", "if(this.className!='selectedItem'){this.className=selected;}");
当然,上面实现只是样式上的改变,其实我们真正要的功能可能是,当选中某行后,单击那个按钮显示这行的具体信息。这样我们就要添加一个脚本方法。
<script language="JavaScript">
/*添加一个onClick方法*/
function clickDisplay(FID)
{
.........//将FID作为参数传送
}
</script>
e.Item.Attributes.Add("onclick", "clickDisplay('" + ((DataRowView)e.Item.DataItem).Row["FID"] + "');//FID为主键值
浙公网安备 33010602011771号