VPF::Как вывести данные в Jquery-ui dialog?

Feller

Дата 9.8.2011, 15:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 138
Регистрация: 2.7.2010

Репутация: нет
Всего: нет

Эта процедура срабатывает после нажатия на кнопку редактировать

Код


Private Sub FillModalPopup()
        Try
            Me.lblID.Text = Me.grdProducts.Rows(ViewState("RowIndex")).Cells(1).Text
            Me.drpDevice.SelectedValue = Nothing
            Me.txtName.Text = Me.grdProducts.Rows(ViewState("RowIndex")).Cells(2).Text
            'MsgBox(grdProducts.SelectedRow.Cells(4).Text)
            Me.drpDevice.Items.FindByText(Me.grdProducts.Rows(ViewState("RowIndex")).Cells(3).Text).Selected = True
           
          
        Catch ex As Exception

        End Try

    End Sub

Но раньше неё срабатывает другая на стороне клиентакоторая открывает модальное окно

Код


  $(".btnEdit").click(function (event) {
         
                 event.preventDefault();
                 $(".addNew").dialog("open");
        });

В итоги данные в модальном окне не отображаются, как сделать чтоб они отобразились?

RobinHoodPHD

Дата 17.8.2011, 00:30 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 12.8.2007
Где: Русь

Репутация: нет
Всего: 2

Ну так если на стороне клиента событие срабатывает раньше, то каким образом клиент получит данные от сервера? Мне кажется, Вам нужно сделать аяксовую подгрузку разметки (или данных) диалога при нажатии кнопки редактировать.
Итого:
0. Нажали редактировать
1. Сервис выдал готовую разметку или данные для диалога
2. После получения данных Вы поменяли разметку диалога или вставили туда нужные данные
3. Открыли сам диалог

А вообще из того, что Вы написали ничего не понятно) Код фстудию

Feller

Дата 18.8.2011, 18:41 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 138
Регистрация: 2.7.2010

Репутация: нет
Всего: нет

вот то что происходит на серверной стороне когда нажимаю кнопку редоктировать в гриде

Код


  Protected Sub grdProducts_RowCommand(ByVal sender As Object, _
       ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) _
       Handles grdProducts.RowCommand
        ViewState("RowIndex") = e.CommandArgument
        Me.lblID.Text = Me.grdProducts.Rows(ViewState("RowIndex")).Cells(1).Text
        Me.drpDevice.SelectedValue = Nothing
        Me.txtName.Text = Me.grdProducts.Rows(ViewState("RowIndex")).Cells(2).Text
      End Sub

вот jQuery код который срабатывает после нажатия на кнопку редактировать

Код


 $(".btnEdit").click(function (event) {
           
           
           
             event.preventDefault();
             $(".addNew").dialog("open");

        });

Можно ли из серверной функции вызвать Jquery функцию? Или как ещё можно сделать редактирование при помощи диалога?

RobinHoodPHD

Дата 19.8.2011, 23:23 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 12.8.2007
Где: Русь

Репутация: нет
Всего: 2

Вот теперь стало понятнее,
Вам нужно отрубить постбэк при нажатии на кнопку .btnEdit
Попробуйте повесить на форму, в которую вставлен грид, обработчик события onsubmit:
Примерно вот так:

Код


document.getElementById("form1").setAttribute('onsubmit', "return ValidateSubmit();");

Далее пишем функцию ValidateSubmit() которая вызывает диалог и возвращает false, подавляя submit

Код



function ValidateSubmit(event) {
$(".addNew").dialog("open");
return false; // чтобы submit не сработал
}

После вызова диалога ждем, пока пользователь сделает свое черное дело - ну там поправит что нб, и как только он скажет ОК
вызываем submit ручками:

Код


WebForm_OnSubmit(); // насчет имени не уверен - надо посмотреть какой код генерит ASP. Наверно зависит от ID формы

Как то так

Feller

Дата 23.8.2011, 15:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 138
Регистрация: 2.7.2010

Репутация: нет
Всего: нет

Что то не срабатывает посмотрите может я не так делаю.Не открывается модальное окно

Код


function ValidateSubmit(event) {
        $(".addNew").dialog("open");
        alert("dsfsf");
        return false; // чтобы submit не сработал
    }
    function Test() {

       return document.getElementById("form1").setAttribute('onsubmit', "return  ValidateSubmit();");
       
    }

Код


<form id="form1" runat="server" onsubmit="Test()">

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Разработка под ASP.NET \| Следующая тема »