Heim >Web-Frontend >js-Tutorial >jquery ui对话框实例代码_jquery

jquery ui对话框实例代码_jquery

WBOY
WBOYOriginal
2016-05-16 17:34:131203Durchsuche

目前JqueryUI提供的对话框支持使用相对比较的方便,示例代码如下所示:

复制代码 代码如下:


   

   

       

   

      

   

   

      $(function () {

             $("#dlg").dialog({

                autoOpen: false,

                closed: true,

                width: 450,

                modal: true,

                appendTo: "form",

                buttons: {

                    "OK": function () {

                        $("form").submit();

                    },

                    "Cancle": function () {

                        $(this).dialog("close");

                    }

                },

                close: function () {

                }

            });

            $("#").button().click(function() { $("#dlg").dialog("open"); return false });

         }

        );

   



其中值得注意的是appendTo: "form"选项, JqueryUI Dialog默认情况向会将表示对话框的
添加到Body上,这样当表单提交时,服务端就无法获取到对话框中的服务器控件相关的值了。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn