Aashish68 Ответов: 2

Как сделать фон неактивным при появлении встроенного всплывающего окна

Я пытаюсь заблокировать фон с помощью модального диалога jquery до тех пор, пока пользователь не закроет окно. Есть идеи, как этого добиться?

Под "блокировкой фона" я подразумеваю отключение других элементов на странице (т. е.

Есть ли какие-либо ошибки в моем кодировании????

Что я уже пробовал:

<script type="text/javascript">
        $( function () {
            $("[id*=btnadd]").live("click", function () {        
                $("#modal_dialog").dialog({
                    title: "Manage Branch",
                    autoopen: false,
                    width: 500,                 
                    buttons: {
                        ADD: function () {
                            var textvalue = $("#<%=TextBox2.ClientID%>").val();
                            $('#<%= hndtxt.ClientID %>').val(textvalue);
                            $("[id*=add]").click();
                        },
                        Close: function () {
                            $(this).dialog('close');
                        }
                    }
                });
            });
        } );
    </script>

<input type="button" id="btnadd" value="Add Branch" name="btnadd" style="float: right" />

 <div id="modal_dialog">
           <div class="tab_container">
                <div id="tab2" class="tab_content">
                    <table cellspacing="0">
                        <tbody>
                            <tr>
                                <td>
              
                                                                          
                                     Branch:
                                        <asp:TextBox ID="TextBox2" runat="server" Style="margin-left: 97px">
                                         <asp:label id="lbl_status" runat="server"  cssclass="red" text="">
                                        
                                     <br>
                                        <br>
                                                  </td>
                            </tr>
                                                                  
                        </tbody>
                   
                    </table>
                         
                </div>
                <!-- end of #tab1 -->
            </div>
            <!-- ID -->     

                     
        </div>

Suvendu Shekhar Giri

-Есть ли какие-нибудь ошибки в моем коде????"

А ты получаешь что-нибудь?

2 Ответов

Рейтинг:
5

Aashish68

При использовании modal: true мы должны использовать ajax-вызов для запуска кнопки в jQuery modal popup, иначе мы можем использовать другой метод.


<pre lang="Javascript"><pre lang="Javascript"><script type="text/javascript">
        $(function () {
            $("#modal_dialog").dialog({
                title: "Manage Branch",
                autoOpen: false,
                width: 400,
                open: function () {
                    $('#disableBackGround').attr('style', 'display:block');
                },
                buttons: {
                    ADD: function () {
                        var textvalue = $("#<%=TextBox2.ClientID%>").val();
                        $('#<%= hndtxt.ClientID %>').val(textvalue);
                        $('#<%=add.ClientID %>').click();
                    },
                    Close: function () {
                        $('#disableBackGround').attr('style', 'display:none');
                        $(this).dialog('close');
                    }
                }
            });
            $("[id*=btnadd]").live("click", function () {
                $("#modal_dialog").dialog('open');
                return false;
            });
        });
    </script>





в <тип входного="кнопка" ID="btnadd" значение="добавить ветку" имя="btnadd" стиль="поплавок: справа" /&ГТ;
&ЛТ;АСП:кнопка ID="добавить" атрибут runat="сервер" текст="добавить" стиль="дисплей: нет" функция onclick="btninsert_Click"&ГТ;



Рейтинг:
0

Animesh Datta

Привет ,
Вы должны использовать модальную опцию, чтобы получить требуемый выход .
Попробовать это

<script type="text/javascript">
        $( function () {
            $("[id*=btnadd]").live("click", function () {        
                $("#modal_dialog").dialog({
                    title: "Manage Branch",
                    autoopen: false,
                    modal: true,
                    width: 500,                 
                    buttons: {
                        ADD: function () {
                            var textvalue = $("#<%=TextBox2.ClientID%>").val();
                            $('#<%= hndtxt.ClientID %>').val(textvalue);
                            $("[id*=add]").click();
                        },
                        Close: function () {
                            $(this).dialog('close');
                        }
                    }
                });
            });
        } );
    </script>

Спасибо

Документация : Здесь

Karthik_Mahalingam

5

Aashish68

когда я даю modal: true, он работает, но кнопка ADD не срабатывает.не давая модальные:настоящая кнопка Добавить работает хорошо
почему он не стреляет, когда я даю модальное: true?

Animesh Datta

Спасибо!

Aashish68

когда я даю modal: true, он работает, но кнопка ADD не срабатывает.не давая модальные:настоящая кнопка Добавить работает хорошо
почему он не стреляет, когда я даю модальное: true?

Karthik_Mahalingam

я проверил ваш код с помощью модальный:правда? это прекрасно работает.
возможно, вы что-то упускаете.

Aashish68

я использовал этот идентификатор кнопки для этой кнопки добавления.есть ли какие-либо проблемы с использованием кнопки asp или я должен использовать кнопку html?

&ЛТ;АСП:кнопка ID="добавить" атрибут runat="сервер" текст="кнопка" стиль="дисплей: нет" функция onclick="btninsert_Click"&ГТ;


охраняемых недействительными btninsert_Click(объект отправителя, EventArgs в электронной)
{
SqlConnection con = новый SqlConnection();
против.ConnectionString = @ " источник данных=KENITECHPC5-PC;начальный каталог=TaxiAPP;Интегрированная безопасность=True";
Команда sqlcommand объект = новый sqlcommand объект("вставить в tbl_Branch(филиал)значения(@филиал)", кон);
против.Открыть();
строковый ветке = hndtxt.Значение.Метод toString();
команда.Параметры.AddWithValue ("@Branch", Ветвь);
команда.Метод executenonquery();
против.Закрывать();
BindGridview();


}