Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / JQUERY Dialog with submit button / 25 сообщений из 25, страница 1 из 1
27.07.2012, 14:01
    #37895338
Lenutza
Lenutza
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQUERY Dialog with submit button
Я только начала работать с 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, 17:24
    #37895852
Парамон
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQUERY Dialog with submit button
LenutzaОткрываю окно с кнопкой submit.

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

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

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



<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
    #37896187
Lenutza
Lenutza
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQUERY Dialog with submit button
Парамон,

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

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

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

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

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

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

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

Не с такой реализацией.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2012, 12:40
    #37896741
МСУ
МСУ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQUERY Dialog with submit button
Парамон, короче, как это нормально делается на 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:50
    #37896746
МСУ
МСУ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQUERY Dialog with submit button
Ну и так, к слову. А вообще, нормальные люди не размазывают код модального окна на родительской странице, а грамотно оформляют в виде юзерконтролов. Получается что-то вроде:

Код: 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, 13:02
    #37896751
Парамон
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQUERY Dialog with submit button
МСУ,

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

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

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


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

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



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

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

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

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


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