[英]how to pass ID value onclick function from anchor tag by click on image using MVC?
Based on the database value status will be Y or N. If it Y means it will active.png will be displayed.根据数据库值,状态将是 Y 或 N。如果是 Y,则表示将显示 active.png。 it is working fine.
它工作正常。 when i click active.png image then anchor tag
onclick="GetRecords1(' + item.ModuleID + ');
Function the ID value is not passed to the event.当我单击 active.png 图像然后锚标记
onclick="GetRecords1(' + item.ModuleID + ');
函数 ID 值不会传递给事件。
How to pass the active.png image click the ID value.如何传递active.png图片点击ID值。
<script>
$(document).ready(function () {
$("#DomainID").change(function () {
var id = $(this).val();
$("#example tbody tr").remove();
$.ajax({
type: 'POST',
url: '@Url.Action("ViewModules")',
dataType: 'json',
data: { id: id },
success: function (data) {
var items = '';
$.each(data.EmpList, function (i, item) {
$("#findValue").show();
/*Find Role here - Comparing Emp List ModuleId to RoleList ModuleId*/
var RoleName = $(data.role).filter(function (index, item) {
return item.ModuleID == item.ModuleID
});
if (item.ParentModuleID == -1) {
item.ModuleName = " -- " + item.ModuleName
} else {
item.ModuleName = item.ModuleName
}
var Status = '';
if (item.Status == "Y") {
Status = '<a href="JavaScript:void(0)" onclick="GetRecords1(' + item.ModuleID + ');" title="Disable status"><img src="/img/Active.png" height="22" width="42"/></a>'
} else {
Status = '<a href="JavaScript:void(0)" id="inActiveStatus" title="Active status"><img src="/img/InActive.png" height="22" width="42"/></a>'
}
var rows = "<tr>"
+ "<td>" + (i + 1) + "</td>"
+ "<td>" + item.ModuleName + "</td>"
+ "<td>" + item.Url + "</td>"
+ "<td>" + RoleName[i].RoleName + "</td>"
+ "<td>" + '<a href="@Url.Action("EditModules", "Account")?id=' + item.ModuleID + '" class="font-icon font-icon-pencil" title="Edit"></a> ' + Status + "</td>"
+ "</tr>";
$('#example tbody').append(rows);
});
},
error: function (ex) {
var r = jQuery.parseJSON(response.responseText);
alert("Message: " + r.Message);
alert("StackTrace: " + r.StackTrace);
alert("ExceptionType: " + r.ExceptionType);
}
});
return false;
});
});
</script>
Pass:经过:
<script>
$(document).ready(function () {
$('#example tbody').on('click', function GetRecords1(ModuleID) {
var id = ModuleID;
alert("Status Clicked:" + ModuleID);
});
});
</script>
<a id="123" onclick="someFunction(this.id)"></a>
javascript code:- javascript代码:-
someFunction(id){ someFunction(id){
console.log(id)控制台日志(ID)
} }
Why are you using in-line JavaScript?为什么要使用内嵌 JavaScript? You could easily use event delegate on to bind click events.
你可以很容易地使用事件委托上绑定click事件。
Here is your modified code:这是您修改后的代码:
Status = '<a href="JavaScript:void(0)" data-id="@item.ModuleID" data-status="@item.Status" class="user-status" title="Disable status"><img src="/img/Active.png" height="22" width="42"/></a>'
Added a class user-status to a tag and assigned id to data-id attribute.将类用户状态添加到标签并将 id 分配给 data-id 属性。
Now get id from click event:现在从点击事件中获取 id:
$(document).on('click','.user-status', function(){
var getId = $(this).data('id');
var getStatus = $(this).data('status');
alert("Status Clicked:" + getId );
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.