Profiling jquery Easyui dialog Box Component dialog usage

The dialog dialog box component relies on window (window) components, LinkButton components

Load mode

Class load

<divclass= "Easyui-dialog" title= "Pop-up box" data-options= "Iconcls: ' Icon-add ', resizable:true,modal:true" Style= "width:400px;height:200px;" > Pop-up box contents </div>

JS Call load

<divid= "box" > Pop-up box contents </div> <divid= "tt" > <ahref= "#" class= "Easyui-linkbutton" data-options= "Iconcls: ' Icon-edit ', plain:true" > Edit </a> <ahref= "#" class= "Easyui-linkbutton" data-options= "Iconcls: ' Icon-help ', plain:true" > Help </a> </div> <script> $ (function () { $ (' #box '). Dialog ({ width:400, HEIGHT:200, Title: ' Popup title ', Modal:true, Whether to show collapsible buttons Collapsible:false, Whether to show the Minimize button Minimizable:false, Whether to display the Maximize button Maximizable:false, Can I change the dialog box window size Resizable:false, Set dialog box window Top tool bar Buttons: ' #tt ', Toolbar: [{ Text: ' Edit ', Iconcls: ' Icon-edit ', Handler:function () { Alert (' edit '); }, }, {}], dialog box window Bottom button Buttons: [{ Text: ' Save ', Iconcls: ' Icon-ok ', Handler:function () { Alert (' Save '); } },{}] }) }); </script>

Property List

Window properties are extended from window (panel), and new or redefined properties for Windows are as follows

Dialog is inherited from the window component, so both the window component and the Panel component are available

Events List

The window's events are fully inherited from Windows (panels). So, directly refer to the Window panel event.

Dialog Events $ (' #box '). Dialog ({ width:600, height:400, Modal:true, Onclose:function () { Alert (' Off after fire! '); }, });

Method List

The dialog box is extended from window, and the dialog box adds the following method

Returns the External Window object Console.log (' #box '). Window (' dialog '); Use $.fn.window.defaults to override the default value object.