Передача данных в диалог jqueryUI - PullRequest
Новая
       13

Передача данных в диалог jqueryUI

2 голосов
/ 27 июня 2011

Для разрабатываемого веб-приложения мне нужно передать текущего пользователя в диалоговое окно jqueryUI.Прямо сейчас я пробую простые примеры, чтобы добраться до этой точки.Я пытаюсь передать содержимое тега "p" с родительской страницы для отображения в диалоговом окне jqueryUI.

$(document).ready(function(){
    $('#test').each(function() {
        var $link = $(this);
        var $dialog = $('<div></div>')
            .data('test',$("test_p"))
            .load($link.attr('href') + ' #content')
            .dialog({
                modal: true,
                autoOpen: false,
                title: $link.attr('title'),
                width: 500,
                height: 300
            });
        $link.click(function() {
            $dialog.dialog('open');
            return false;
        });
    });

Здесь test_p - это тег p, который я хочу отправить в свое диалоговое окно.Я отображаю div "content" из файла HTML - 

<html>
<head>
<title>Add link</title>
<body>
    <div id="content">
                    <!-- CONTENT OF <P> FROM THE CALLER PAGE -->
        <form id="info" method="POST" action="/">
            Link : <input type=text name="thelink"/><br>
            tag : <input type=text name="thetags"/><br>
            <input type=submit name='submit' value="submit"/>
        </form>

    </div>
</body>

Я хочу, чтобы содержимое тега p отображалось в диалоговом окне.

Является ли .data() способ сделать это?Или есть лучший способ сделать это?

И, извините, если я неправильно понял терминологию ... Я довольно новичок в jquery.

Ответы [ 2 ]

1 голос
/ 27 июня 2011

Диалоговый виджет позволяет вам устанавливать содержимое с помощью $dialog.html('<p>hello world</p>').Это работает, потому что диалог построен вокруг элемента, а не в элементе, поэтому содержимое элемента диалога точно соответствует содержимому самого диалога.

0 голосов
/ 13 июня 2013

Метод .data (), прикрепленный к элементу диалога, будет хорошим решением для передачи данных.Вы также можете посмотреть на метод «open» диалогового виджета jQueryUI, который позволит вам использовать значение и вставить его или выполнить какое-либо другое действие при отображении диалогового окна.

...