This question is locked. New answers and comments are not allowed.
Have Approve and Deny radio buttons in template column, when I apply buttonset(), it changes the look but looses functionality of mutually exclusiveness.
Need help.
Need help.
columns.Template(r =>
{
%>
<
div
class
=
"approveRadios"
style
=
"font-size: .80em !important;padding: 0px 0px 0px 0px !important;"
>
<%-- <%= Html.RadioButton(r.RequestDetailsId.ToString(), "true", false, new { @id = "yes_Approve", @group = "Approval", @class = "Radio" })%><
label
for
=
"yes_Approve"
>"Approve"+"<%=r.RequestDetailsId.ToString() %>"</
label
>
<%= Html.RadioButton(r.RequestDetailsId.ToString(), "false", false, new { @id = "no_Approve", @group = "Approval", @class = "Radio" })%><
label
for
=
"no_Approve"
>"Deny"+"<%=r.RequestDetailsId.ToString() %>"</
label
>--%>
<
input
name="<%=r.RequestDetailsId %>" type="radio" value="<%= r.RequestDetailsId %>" onclick="Approval(<%= r.RequestDetailsId %>, 'Approved');" class="Radio" id = "yes_Approve" /><
label
for
=
"yes_Approve"
>Approve</
label
>
<
input
name="<%=r.RequestDetailsId %>" type="radio" value="<%= r.RequestDetailsId %>" onclick="Approval(<%= r.RequestDetailsId %>, 'Denied');" class="Radio" id = "no_Approve"/><
label
for
=
"no_Approve"
>Deny</
label
>
</
div
>
<%
}).Title("Approve");
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
//visuals
$(function () {
$("#approveRequest").button();
$(".approveRadios").buttonset();
});
});
</
script
>