Jquery 无法使用MVC4突出显示gridview中的行,下面是我的代码
下面是我的视图代码Jquery 无法使用MVC4突出显示gridview中的行,下面是我的代码,jquery,asp.net-mvc-4,gridview,Jquery,Asp.net Mvc 4,Gridview,下面是我的视图代码 <div id="gridContent" / > @gd.GetHtml( tableStyle: "gridAlternateRowA", rowStyle: "gridrow", headerStyle: "head", alternatingRowStyle: "altRow", selectedRowStyle: "select", htmlAttr
<div id="gridContent" / >
@gd.GetHtml(
tableStyle: "gridAlternateRowA",
rowStyle: "gridrow",
headerStyle: "head",
alternatingRowStyle: "altRow",
selectedRowStyle: "select",
htmlAttributes: new { id="MainTable" },
columns: gd.Columns(
gd.Column("","",@<a href= '@Url.Action("edit", "Rig", new { id = item.RigCode })' ><img src="~/Content/Images/edit.PNG" alt="Details" /></a> ,style:"col1"),
gd.Column("","",@<a href= '@Url.Action("delete", "Rig", new { id = item.RigCode })' ><img src="~/Content/Images/delete.PNG" alt="Details" /></a> ,style:"col1"),
gd.Column("username", " username", style: "description"),
gd.Column("address", "address", style: "description"),
gd.Column("CreatedBy", "CreatedBy", style: "description"),
gd.Column("CreatedOn", "CreatedOn", style: "description"),
gd.Column("LastUpdatedBy", "LastUpdatedBy", style: "description"),
gd.Column("LastUpdatedOn", "LastUpdatedOn", style: "description")
))
</div>
<script type="text/javascript">
$(function () {
var tr = $('#MainTable').find('tr');
tr.bind('click', function (event) {
var obj = event.target;
if (obj.nodeName == "TH" || obj.nodeName == "A") { return; }
$('.clickable').removeClass('select');
var tds = $(this).find('td');
$(this).addClass('select');
});
});
</script>
@gd.GetHtml(
表样式:“gridAlternateRowA”,
行样式:“网格行”,
头型:“头”,
交替行样式:“altRow”,
selectedRowStyle:“选择”,
HtmlatAttributes:new{id=“MainTable”},
列:gd.columns(
gd.列(“,”,@,样式:“col1”),
gd.列(“,”,@,样式:“col1”),
gd.列(“用户名”、“用户名”、样式:“说明”),
gd.栏(“地址”,“地址”,样式:“说明”),
gd.列(“CreatedBy”,“CreatedBy”,样式:“description”),
gd.列(“CreatedOn”,“CreatedOn”,样式:“description”),
gd.列(“LastUpdatedBy”,“LastUpdatedBy”,样式:“description”),
gd.Column(“LastUpdatedOn”,“LastUpdatedOn”,样式:“description”)
))
$(函数(){
var tr=$('MainTable')。find('tr');
tr.bind('click',函数(事件){
var obj=事件目标;
if(obj.nodeName==“TH”| | obj.nodeName==“A”){return;}
$('.clickable').removeClass('select');
var tds=$(this.find('td');
$(this.addClass('select');
});
});