Блог

У меня есть 2 файла :-

1. Items.aspx со списком элементов в виде таблицы, кнопкой (чтобы открыть форму для добавления нового элемента) и div с проверкой идентификатора.

код внутри Items.aspx

     <%@ Page Title="" Language="C#" MasterPageFile="~/Basic.Master" AutoEventWireup="true" CodeBehind="Items.aspx.cs" Inherits="FlowerShopAdminPanel.Items" %>

            <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
            </asp:Content>
            <asp:Content ID="Content2" ContentPlaceHolderID="header" runat="server">
                <div id="dvGrid" class="container">
            <!-- This contains the gridview -->
                </div>
                <div id="testing"></div>



            <script>
                function openDialog($itemid,$categoryid) {
                    $('#testing').dialog({
                        modal: true,
                        dialogClass: "no-close",
                        open: function () {
                            $(this).load('AddItem.aspx?itemid='   $itemid 'amp;categoryid=' $categoryid);
                            $(".ui-dialog-titlebar-close", ui.dialog | ui).hide();
                        },
                        height: 500,
                        width: 500,
                        title: 'Add Item'
                    });
                }
            </script>
            <style>
                .image {
                    height: 30vh;
                }

                .no-close .ui-dialog-titlebar-close {
                    display: none;
                }
            </style>
        </asp:Content>
 

Это загружает форму для добавления элемента в модальный jquery. мы можем загрузить изображение на этот элемент с помощью кнопки . Вышеуказанная функция находится в другой форме aspx, в которой я

2. AddItem.aspx

         <div>
   <asp:Label runat="server" Text="Category Name"></asp:Label>
       <asp:DropDownList runat="server" ID="category_ddl"></asp:DropDownList>
   </div>   
   
       <div> 
           <asp:Label runat="server" Text="Item Name"> </asp:Label>
           <asp:TextBox runat="server" ID="itemname_txt"></asp:TextBox>
       </div> 
       <div>
           <asp:Label runat="server" Text="Description"></asp:Label>
           <asp:TextBox runat="server" TextMode="MultiLine" Rows="5" Columns="50" ID="description_txt"></asp:TextBox>
       </div>
   
       <div>
           <asp:Label runat="server" Text="Main Image"></asp:Label>
           <asp:FileUpload runat="server"  ID="mainimage_fileupload"/><br />
   
           <asp:Image runat="server" ID="mainimage_img" Visible="false"  />
   
           <asp:Button runat="server" ID="fileupload_btn" Text="Upload" OnClick="fileupload_btn_Click" />
   
           <asp:Label runat="server" ID="filename_lbl" Visible="false" ForeColor="Red" Font-Bold="true"></asp:Label>
       </div>
   
       <div>
           <asp:Label runat="server" Text="Active"> </asp:Label>
           <asp:CheckBox  runat="server" ID="isActive_chk"/>
       </div>
   
        <div>
           <asp:Button runat="server"  ID="addItem_btn" Text="Add Item" OnClick="addItem_btn_Click"/>
            <asp:Button runat="server"  ID="cancel_btn" Text="Cancel" OnClick="cancel_btn_Click"/>
       </div>   
   
   </div>
   </form>
    

Всякий раз, когда я загружаю изображение, оно открывается как обычная aspx-страница. По сути, всякий раз, когда страница aspx обновляется, она открывается как обычная веб-страница. Я всегда хочу открыть его в модальном режиме jQuery.

Пожалуйста, помогите в решении этой проблемы.

Спасибо