pre{white-space:pre-wrap;}jQueryEasyUI窗口-创建对话框对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。默认情况下，对话框（Dialog）不能改变大小，但是用户可以设置resizable属性为true，使其可以改变大小。创建对话框（Dialog）对话框（Dialog）非常简单，可以从DIV标记创建，如下所示：            DialogContent.    准备工具栏（Toolbar）和按钮（Button）            Add        Save                Ok    

pre{white-space:pre-wrap;}jQueryEasyUI窗口-创建对话框对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。默认情况下，对话框（Dialog）不能改变大小，但是用户可以设置resizable属性为true，使其可以改变大小。创建对话框（Dialog）对话框（Dialog）非常简单，可以从DIV标记创建，如下所示：            DialogContent.    准备工具栏（Toolbar）和按钮（Button）            Add        Save                Ok    

jQueryUI实例-对话框（Dialog）在一个交互覆盖层中打开内容。如需了解更多有关dialog部件的细节，请查看API文档对话框部件（DialogWidget）。默认功能基本的对话框窗口是一个定位于视区中的覆盖层，同时通过一个iframe与页面内容分隔开（就像select元素）。它由一个标题栏和一个内容区域组成，且可以移动，调整尺寸，默认可通过'x'图标关闭。jQueryUI对话框（Dialog）-默认功能$(function(){$("#dialog").dialog();});这是一个默认的对话框，用于显示信息。对话框窗口可以移动，调整尺寸，默认可通过'x'图标关闭。查看演示动画可以

jQueryUI实例-对话框（Dialog）在一个交互覆盖层中打开内容。如需了解更多有关dialog部件的细节，请查看API文档对话框部件（DialogWidget）。默认功能基本的对话框窗口是一个定位于视区中的覆盖层，同时通过一个iframe与页面内容分隔开（就像select元素）。它由一个标题栏和一个内容区域组成，且可以移动，调整尺寸，默认可通过'x'图标关闭。jQueryUI对话框（Dialog）-默认功能$(function(){$("#dialog").dialog();});这是一个默认的对话框，用于显示信息。对话框窗口可以移动，调整尺寸，默认可通过'x'图标关闭。查看演示动画可以

jQueryUI小部件（Widget）方法调用小部件（Widget）是通过部件库（WidgetFactory）使用方法来改变他们初始化后的状态和执行动作而被创建的。有两种调用小部件方法的方式-通过部件库（WidgetFactory）创建的插件，或者通过调用元素实例对象上的方法。插件调用使用小部件的插件调用方法，把方法名称以字符串形式进行传递。例如，点击这里查看，如何调用dialog（对话框）小部件的close()方法。$(".selector").dialog("close");如果方法要求参数，请作为额外的参数传递给插件。点击这里查看，如何调用dialog（对话框）的option()方法。$

jQueryUI小部件（Widget）方法调用小部件（Widget）是通过部件库（WidgetFactory）使用方法来改变他们初始化后的状态和执行动作而被创建的。有两种调用小部件方法的方式-通过部件库（WidgetFactory）创建的插件，或者通过调用元素实例对象上的方法。插件调用使用小部件的插件调用方法，把方法名称以字符串形式进行传递。例如，点击这里查看，如何调用dialog（对话框）小部件的close()方法。$(".selector").dialog("close");如果方法要求参数，请作为额外的参数传递给插件。点击这里查看，如何调用dialog（对话框）的option()方法。$

jQueryUI通过部件库（WidgetFactory）扩展小部件jQueryUI的部件库（WidgetFactory）使得创建小部件变得更加容易，这些小部件扩展了已有小部件的功能。这样子您就能在已有的基础上创建出功能强大的小部件，也可以在已有的小部件功能上做细微的调整。注意：在学习本章节之前，需要明白什么是部件库（WidgetFactory），及它是怎么工作的。如果您对这些知识还不熟悉，那么请先查看如何使用部件库（WidgetFactory）章节。创建小部件扩展通过部件库（WidgetFactory）创建小部件是通过向$.widget()传递小部件名称和一个原型对象来完成的。下面的实例是在"

jQueryUI通过部件库（WidgetFactory）扩展小部件jQueryUI的部件库（WidgetFactory）使得创建小部件变得更加容易，这些小部件扩展了已有小部件的功能。这样子您就能在已有的基础上创建出功能强大的小部件，也可以在已有的小部件功能上做细微的调整。注意：在学习本章节之前，需要明白什么是部件库（WidgetFactory），及它是怎么工作的。如果您对这些知识还不熟悉，那么请先查看如何使用部件库（WidgetFactory）章节。创建小部件扩展通过部件库（WidgetFactory）创建小部件是通过向$.widget()传递小部件名称和一个原型对象来完成的。下面的实例是在"

最近做项目遇到了一个需求是，为了防止组件中代码冗长，需要将el-dialog对话弹出框单独封装成子组件，并将父组件中的id传递给子组件，子组件再根据id刷新父组件。具体项目代码太长，这里仅记录一下实现思路。01把el-dialog提取出来作为子组件效果如下父组件template>div>dialog-updateref="dialogUpdate"/>div>template>script>exportdefault{components:{//2.父组件components中引入子组件DialogUpdate:()=>import('./updateContent')},methods:{/

最近做项目遇到了一个需求是，为了防止组件中代码冗长，需要将el-dialog对话弹出框单独封装成子组件，并将父组件中的id传递给子组件，子组件再根据id刷新父组件。具体项目代码太长，这里仅记录一下实现思路。01把el-dialog提取出来作为子组件效果如下父组件template>div>dialog-updateref="dialogUpdate"/>div>template>script>exportdefault{components:{//2.父组件components中引入子组件DialogUpdate:()=>import('./updateContent')},methods:{/