在“ jquery”对话框上选择“ asp.net网格视图”行，然后在父表单的文本字段中填充

Question

I have an asp.net page that contains gridview. It has one or more record. If a user choose a row, it will close jquery dialog modal and populate parent form

I have attached the sample. It does not look nice, but it is easier for me to create in word than try to prototype on ASP.NET

Once user click the button (pick this one), let's say first one, id (1) and name (a) will be populated on the parent page

I have researched many websites. Most websites have helpful hints if there is a static button. When a user click the button, something happen. However, the griview is constructed dynamically, so are the buttons. Obvious, binding the button on jquery dialog box model will not work.

What is the best approach to handle this

Thank you

Answer 1

Why wont Jquery work? I'm sure the buttons have an id or name..

`$('#tableID tbody').on("click", "tr td:nth-child(1) a", function () {
var $row = $(this).closest("tr");
var ID = $row.find('$row td:nth-child(2) label').val();
$.get("/Home/MyModal/" +ID, function (data) {
    $("#modalDiv").html(data);
    $("#modal").modal('show');
   });
});`

In the example I make a call to the mvc controller which returns a partial view loaded with the modal data. That html data returned from the controller is then passed to a div with an ID of 'modalDiv'. Then I open the modal using modal.show event.

Not sure if this is what you were looking for but this will load a modal with the information

Answer 2

I did a lot research. I ended using postmessage method.

http://benalman.com/code/projects/jquery-postmessage/examples/iframe/

I really don't like this solution. I am doing research on security risk related to postmessage. if anyone has better, let me know.

Here is the algorithm 1) Once the user clicks one of the links/buttons (remember they can be multiple rows), save the current row information in the hidden fields 2) call javascript to postmessage (see the link) 3) in the parent listen to the event (see the link) 4) assign the hidden fields to the various text fields on the parent form 5) oh reference the fields in iframe is little bit tricky. Luckily, someone on the internet shows me this trick http://codedisplay.com/jquery-to-get-set-read-access-iframe-content-textbox-value-data-using-asp-net-c-vb-net/

6) close jquery dialog box

My original plan was creating some kind of events on dialog box during the creation to do all the work. I am hoping people here can help me that.

At least i figure out the solution. I just need to address the security issue.