mRender: Render an ASP Server Control

Dear Community,

Since several hours I'm trying to achieve the mRender function of the aoColumnDefs to render an ASP Server Control, which has a dynamic value attribute. The reason why it has to be an ASP Server Control is because the rendered button must call a server-side event.

All I came up so far is the following, which doesn't work well:

{
                "bSortable": false,
                "aTargets": [8],
                "mData": 8,
                "mRender": function (data, type, full) {
                    var editButton = '<asp:ImageButton runat="server" ID="EditButton" OnClick="MenuImageEdit_OnClick" ImageUrl="../Images/edit_icon_large.png" />';
                    $(editButton).val(data);
                    return editButton;
                }

The button itself will be generated in each row as the following output shows:

<input name="ctl00$DefaultContent$EditButton" id="DefaultContent_EditButton" type="image" src="../Images/edit_icon_large.png"/>

Unfortunately, the jQuery val() method does actually not change the value of the control. I've also tried with .attr() and .prop(). All of them do not set the value property of the input control.

Apparently, my method to achieve my goal doesn't work at all. So I'm looking further for your ideas on how I can generate an ASP Server Control within the mRender function of all dataTables rows. The reason for that is the necessity to fire a server-side asp event. Or do I have reached a point where I can't use dataTables with ASP.NET without excessive tinkering?

Best regards

Samuel