ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / JQUERY Dialog with submit button
25 сообщений из 25, страница 1 из 1
JQUERY Dialog with submit button
    #37895338
Lenutza
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lenutza
Участник
Я только начала работать с jquery .Открываю окно с кнопкой submit.Кнопка обрабатывается на сервере.
Срабатывает postbackurl и окно вместо jquery переходит на тоже окно aspx.
Что делать ?


<li><a href="Email.aspx" id="Linkbutton3" class="linkmenu" width ="525" height="570" title=" "></a></li>

script:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
$(document).ready(function () {
    $('.linkmenu').click(function (event) {

        event.preventDefault();
        var $link = $(this);
        var $dialog = $('<div></div>').load($link.attr('href')).dialog({
            autoOpen: true,
            modal: true,
            title: $link.attr('title'),
            width: $link.attr('width'),
            height: $link.attr('height'),
          
           
            close: function (event, ui) {
                $dialog.remove();

            }

        });

        $link.click(function () {
            $dialog.dialog('open');

            return false;
        });
    });
});
...
Рейтинг: 0 / 0
27.07.2012, 14:01
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37895852
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
LenutzaОткрываю окно с кнопкой submit.

Вижу только хайперлинк )
LenutzaСрабатывает postbackurl

Чиво?
Lenutzaи окно вместо jquery переходит на тоже окно aspx.
Что делать ?

"return false" значит не там где нужно.
...
Рейтинг: 0 / 0
27.07.2012, 17:24
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37895927
Lenutza
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lenutza
Участник
Парамон,



<asp:Button ID="cmdSubmit" runat="server" onclick="cmdSubmit_Click"
Text="Submit"
class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"
ForeColor="Blue" PostBackUrl="#" />
...
Рейтинг: 0 / 0
27.07.2012, 18:04
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896187
Lenutza
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lenutza
Участник
Парамон,

в окне jquery возможно использовать кнопку ,обрабатываемую на сервере ?

<asp:Button ID="cmdSubmit" runat="server" onclick="cmdSubmit_Click"
Text="Submit"
class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"
ForeColor="Blue" PostBackUrl="#" />
...
Рейтинг: 0 / 0
27.07.2012, 23:37
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896356
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
LenutzaПарамон,

в окне jquery возможно использовать кнопку ,обрабатываемую на сервере ?

<asp:Button ID="cmdSubmit" runat="server" onclick="cmdSubmit_Click"
Text="Submit"
class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"
ForeColor="Blue" PostBackUrl="#" />

Зачем в этой ситуации использовать серверные элементы?
Есть мощный мегаконтролл - <input type="button" value="йа кнопко" />
HTML покурить не помешает.
...
Рейтинг: 0 / 0
28.07.2012, 13:11
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896362
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонЗачем в этой ситуации использовать серверные элементы?
Есть мощный мегаконтролл - <input type="button" value="йа кнопко" />
HTML покурить не помешает.
Ну если ему надо событие на сервере отрабатывать, почему бы и нет.
...
Рейтинг: 0 / 0
28.07.2012, 13:55
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896401
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУ,

Потому что фактически, у нее получается что одна aspx страница, загружена в другую.
...
Рейтинг: 0 / 0
28.07.2012, 15:25
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896406
Lenutza
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lenutza
Участник
Парамон,

МНЕ НЕ ПОДХОДИТ INPUT BUTTON,Я ХОЧУ ОБРАБАТЫВАТь ЗАПРОС НА СЕРВЕРЕ :ОТСЫЛАТь EMAIL И Т.Д И Т.П
ПОЛУЧАЕТСЯ,ЧТО ЭТО НЕВОЗМОЖНО ,НАДО СРАЗУ ЗАКРЫВАТь ОКНО ПОСЛЕ ОБРАБОТКИ.
...
Рейтинг: 0 / 0
28.07.2012, 15:35
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896424
Lenutza
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lenutza
Участник
МСУ,

я тоже не понимаю почему нет:(

В моем случае submit button находится в aspx,который открывается как jquery.После заполнения полей пользователь нажимает на submit button,обрабатывается запрос и в той же форме должно выдаваться сообщение -результат вопроса.
...
Рейтинг: 0 / 0
28.07.2012, 15:52
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896438
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
Lenutza,

Раз уж начала изучение jquery, так там есть и про ajax запросы :)

типа:

Код: javascript
1.
2.
3.
4.
5.
$('#cmdSubmit').click(function(){
   $.post('SendEmail.aspx', $('#MailForm').serialize(), function(data) {
       alert('оп! результат вопроса - ' + data);
   });
});



Хотим работать с серверными контролами то - сюда
...
Рейтинг: 0 / 0
28.07.2012, 16:28
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896474
Lenutza
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lenutza
Участник
Парамон,

Спасибо,поковыряюсь.У меня немного каша в голове от всего этого многообразия.Я не занималась web программированием до этого.
Я использовала ajax для обновления части страницы,для красивости разных контролей :)
...
Рейтинг: 0 / 0
28.07.2012, 18:18
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896630
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонМСУ,

Потому что фактически, у нее получается что одна aspx страница, загружена в другую.
Так он может в самом модельном окне отработать серверный код и вернуться обратно :)
...
Рейтинг: 0 / 0
29.07.2012, 00:37
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896695
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУТак он может в самом модельном окне отработать серверный код и вернуться обратно :)

Не с такой реализацией.
...
Рейтинг: 0 / 0
29.07.2012, 10:26
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896741
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
Парамон, короче, как это нормально делается на jquery диалоге + аякс:

 
js
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<script type="text/javascript">
    $(document).ready(function () {
        $('#linkmodal').click(function (event) {
            $("#dialog").dialog({
                title: "Диалоговое окно",
                position: ["center"],
                modal: true,
                width: 640,
                height: 480,
                buttons: {
                    "Применить": function () {
                        $.ajax({
                            type: "POST",
                            contentType: "application/json; charset=utf-8",
                            url: "Default.aspx/Test",
                            data: "{'value': '" + $('#tbname').val() + "'}",
                            dataType: "json",
                            async: false,
                            success: function (result) {
                                alert(result.d);                                    
                            }
                        });
                        $(this).dialog("close");
                    },
                    "Закрыть": function () {
                        $(this).dialog("close");
                    }
                }
            });
        })
    });
</script>



Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<a href="#" id="linkmodal">Модальное окно</a>

<div id="dialog" style="display: none">
    <p>
        Это окно диалога с заданной по умолчанию функциональностью. Окно диалога можно перемещать,
        изменять его размеры и закрыть, щелкнув по значку 'x'.
        

        Укажите имя: <input id="tbname" type="text" />
        </p>
</div>



Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
public partial class _Default : System.Web.UI.Page
{
    [WebMethod]
    public static string Test(string value)
    {
        return "OK " + value;
    }
}
...
Рейтинг: 0 / 0
29.07.2012, 12:40
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896746
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
Ну и так, к слову. А вообще, нормальные люди не размазывают код модального окна на родительской странице, а грамотно оформляют в виде юзерконтролов. Получается что-то вроде:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<%@ Register TagPrefix="uc" TagName="WebUserControl1" Src="~/UC/WebUserControl1.ascx" %>
...

<a href="#" id="linkmodal">Модальное окно</a>

<div id="dialog1" style="display: none"><uc:WebUserControl1 id="uc" runat="server" /></div>
<div id="dialog2" style="display: none"><uc:WebUserControl2 id="uc" runat="server" /></div>
<div id="dialog3" style="display: none"><uc:WebUserControl3 id="uc" runat="server" /></div>
...
Рейтинг: 0 / 0
29.07.2012, 12:50
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896751
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУ,

Бывает формы нужно подгружать, а не прятать их все на странице.
У автора был .load($link.attr('href')).dialog ...
...
Рейтинг: 0 / 0
29.07.2012, 13:02
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896758
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонМСУ, Бывает формы нужно подгружать, а не прятать их все на странице.
У автора был .load($link.attr('href')).dialog ...
Не вижу принципиальных различий.
...
Рейтинг: 0 / 0
29.07.2012, 13:11
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896780
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУПарамонМСУ, Бывает формы нужно подгружать, а не прятать их все на странице.
У автора был .load($link.attr('href')).dialog ...
Не вижу принципиальных различий.
Разница будет при использовании серверных эвентов в подгруженном контроле.

Lenutzaв окне jquery возможно использовать кнопку ,обрабатываемую на сервере ?

<asp:Button ID="cmdSubmit" runat="server" onclick="cmdSubmit_Click" ..


12929252
...
Рейтинг: 0 / 0
29.07.2012, 13:50
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896783
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонРазница будет при использовании серверных эвентов в подгруженном контроле
Их вполне себе может и не быть там. Либо они попросту могут быть не нужны для основного окна. Основное окно собирает данные с модального окна:

Код: javascript
1.
2.
3.
4.
$("<div id='divfrm' />").load("WebForm1.aspx").dialog({
    ....
   var name = $("#divfrm").find("#tbname").val();
   ...



... и выполняет аяксом событие на сервере.

Никакой принципиальной разницы, как я уже сказал.
...
Рейтинг: 0 / 0
29.07.2012, 14:01
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896802
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУИх вполне себе может и не быть там. Либо они попросту могут быть не нужны для основного окна.

Они там вообще работать не будут. Лана, не буду споры разводить :)
Вариант со спрятанным контролом, в ее ситуации, прост и оптимален.
...
Рейтинг: 0 / 0
29.07.2012, 14:32
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896835
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонОни там вообще работать не будут. Лана, не буду споры разводить :)
Про UpdatePanel рассказывать? )
...
Рейтинг: 0 / 0
29.07.2012, 15:42
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896836
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУПро UpdatePanel рассказывать? )
Ага, про то как он работает в связке с jquery )
...
Рейтинг: 0 / 0
29.07.2012, 15:45
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896840
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонМСУПро UpdatePanel рассказывать? )
Ага, про то как он работает в связке с jquery )
Так никто не запрещает шаманить :)
...
Рейтинг: 0 / 0
29.07.2012, 15:50
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896848
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Парамон
Участник
МСУТак никто не запрещает шаманить :)

Любителям скрещивания ужа с ежом )
...
Рейтинг: 0 / 0
29.07.2012, 15:59
| Ответить | Цитировать | Написать  
JQUERY Dialog with submit button
    #37896856
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
ПарамонЛюбителям скрещивания ужа с ежом )
Согласен ) А серьезно, если нужны серверные манипуляции в модальном окне (отдельная aspx) и хочется курить jQuery UI, то только через родной $.ajax / $.post. Другого адекватного пути я не знаю.
...
Рейтинг: 0 / 0
29.07.2012, 16:08
| Ответить | Цитировать | Написать  
25 сообщений из 25, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / JQUERY Dialog with submit button
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=18&msg=37896424&tid=1359367]:
 0ms
get settings:
 8ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 163ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 220ms
total:  477ms
созд. / загр.: 477ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]