[Assign a Textbox Value to the modal-box on the same page
已回答]
新问题: 为什么当我点击按钮时模式框上的按钮没有被触发?我错过了什么吗?
我添加了处理服务器端点击事件的代码:
Protected Sub Save_Button_Click(sender As Object, e As System.EventArgs) Handles Save_Button.Click
//The code goes here
End Sub
请参阅下面带有标记行的代码。
我有下面的代码在单击 LinkButton 后显示模式框。而且,我想要做的是如何分配 Textbox 的值。
我有一个网格视图:
<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 作为模式框,在单击 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
模态框上的?我尝试搜索任何相关文章,但他们确实将模态框分隔到另一页上。但在这种情况下,模态框与单击的链接按钮位于同一页面上。我怎样才能做到这一点?非常感谢你。