Method of displaying Dialog through JS using jQuery plugin easyUI

This example analyzes the method of displaying Dialog through JS using jQuery plugin easyUI. Shared for everyone's reference. The details are as follows:

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title></title>
  <script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script>
  <script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script>
  <script src="jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
  <link href="jquery-easyui-1.3.4/themes/icon.css" rel="stylesheet" type="text/css" />
  <link href="jquery-easyui-1.3.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript">
    $(function () {
      $("#myDialog").dialog({
        modal: true,
        collapsible: true,       //Set collapsible
        toolbar: [{             //Set toolbar array
          text: '添加',
          iconCls: 'icon-add',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "Add Data", title: "Prompt", timeout: 1000 });
          }
        }, {
          text: 'Save',
          iconCls: 'icon-save',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "Save Data", title: "Prompt", timeout: 1000 });
          }
        }],
        buttons: [{          //Set the button array below
          text: 'Submit',
          iconCls: 'icon-ok',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "Submit Data", title: "Prompt", timeout: 1000 });
          }
        }, {
          text: 'Cancel',
          iconCls: 'icon-cancel',
          handler: function () {
          }
        }]
      });
    });
</script>

Readers who are interested in more content related to jQuery can check the special topics on this site: 'Summary of jQuery Window Operation Techniques', 'Summary of jQuery Drag and Drop Effects and Techniques', 'Summary of Common jQuery Plugins and Usage', 'Summary of Ajax Usage in jQuery', 'Summary of jQuery Table (table) Operation Techniques', 'Summary of jQuery Extension Techniques', 'Summary of Common jQuery Classic Effects', 'Summary of jQuery Animation and Effects Usage', and 'Summary of jQuery Selector Usage'.

I hope the description in this article will be helpful to everyone in jQuery programming design.

Statement: The content of this article is from the Internet, the copyright belongs to the original author. The content is contributed and uploaded by Internet users spontaneously. This website does not own the copyright, has not been manually edited, and does not assume any relevant legal liability. If you find any content suspected of copyright infringement, please send an email to: notice#oldtoolbag.com (Please replace # with @ when sending an email to report, and provide relevant evidence. Once verified, this site will immediately delete the infringing content.)