[ Назначьте значение текстового поля модальному полю на той же странице
был дан ответ]
НОВЫЙ ВОПРОС: Почему кнопка в модальном окне не сработала, пока я нажимал кнопку? Я что-то упускаю?
Я добавил код для обработки события клика на стороне сервера:
Protected Sub Save_Button_Click(sender As Object, e As System.EventArgs) Handles Save_Button.Click
//The code goes here
End Sub
Пожалуйста, посмотрите код ниже с выделенной строкой.
У меня есть приведенный ниже код для отображения модального окна после нажатия кнопки LinkButton. И что я хочу сделать, так это присвоить значение Textbox с помощью .
У меня есть gridview:
<asp:GridView ID="GV1" runat="server" DataSourceID="DS1" >
<Columns>
<asp:BoundField HeaderText="ID" DataField="ID"/>
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:LinkButton ID="Edit_Linkbutton" runat="server" CausesValidation="False" >
<asp:Image ID="Edit_Linkbutton_Image" runat="server" ImageUrl="~/edit.png"></asp:Image>
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
И на той же странице (это div как модальное поле, которое будет отображаться после нажатия кнопки Link в Gridview):
<div id="dialog-form" title="Modal Box">
<input type="text" id="Textbox1" />
#--------------------------------------------------------------------#
#This button didn't get fired while clicked
<asp:Button ID="Save_Button" runat="server" Text="Save"></asp:Button>
#--------------------------------------------------------------------#
</div>
Затем я присоединяю функцию Javascript к LinkButton через код программной части:
Dim myLinkButton As LinkButton
For i As Integer = 0 To GV1.Rows.Count - 1
myLinkButton = DirectCast(GV1.Rows(i).Cells(1).FindControl("LinkButton"), LinkButton)
myLinkButton.Attributes.Add("onclick", "shopModalPopup('" + .Rows(i).Cells(0).Text & "'); return false;")
Next
Rows(i).Cells(0)
— это первый столбец в Gridview, это «ID
».
Код Javascript находится на той же странице, что и код Gridview:
<script>
function shopModalPopup(id){
//show the modal-box
$("#dialog-form").dialog("open");
// ---> How to assign the 'id' value to the Textbox1 on the modalbox?
}
$(function () {
$("#dialog-form").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true
});
});
</script>
Приведенный выше код открывает модальное окно, но не присваивает значение Textbox1 в модальном окне.
Я хочу спросить, как назначить значение Id
для Textbox1
в модальном окне? Я попытался найти любую соответствующую статью, но они отделяют модальное поле от другой страницы. Но в этом случае модальное окно находится на той же странице, где была нажата кнопка Link. Как я могу это сделать? Большое Вам спасибо.