Méthode d'utilisation détaillée du plugin easyUI jQuery pour afficher un Dialog via JS

Analyse de l'exemple pratique de l'implémentation de l'extension jQuery easyUI pour afficher Dialog via JS. Partageons-le pour que tout le monde puisse le consulter. Voici les détails :

<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,       //Configurer le pliability
        toolbar: [{             //Configurer l'array des outils de barre
          text: '添加',
          iconCls: 'icon-add',}}
          handler: function () {
            $.messager.show({ showType: "fade", msg: "Ajouter des données", title: "Avis", timeout: 1000 });
          }
        }, {
          text: 'Enregistrer',
          iconCls: 'icon-save',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "Enregistrer des données", title: "Avis", timeout: 1000 });
          }
        }],
        buttons: [{          //Configurer l'array de boutons en bas
          text: 'Soumettre',
          iconCls: 'icon-ok',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "Soumettre des données", title: "Avis", timeout: 1000 });
          }
        }, {
          text: 'Annuler',
          iconCls: 'icon-cancel',
          handler: function () {
          }
        }]
      });
    });
</script>

Pour ceux qui sont intéressés par plus de contenu sur jQuery, vous pouvez consulter les sujets spéciaux de ce site : 'Résumé des techniques de manipulation des fenêtres jQuery', 'Résumé des techniques et astuces de glisser-déposer jQuery', 'Résumé des plugins courants et de leurs utilisations jQuery', 'Résumé des utilisations d'Ajax dans jQuery', 'Résumé des techniques de manipulation des tableaux (table) jQuery', 'Résumé des techniques d'extension jQuery', 'Résumé des effets classiques courants jQuery', 'Résumé des utilisations des animations et des effets jQuery' et 'Résumé des utilisations des sélecteurs jQuery'.

J'espère que ce tutoriel peut aider les développeurs jQuery.

Déclaration : Le contenu de cet article est extrait du réseau, propriété de l'auteur original, le contenu est apporté par les utilisateurs d'Internet de manière spontanée et auto-publiée, ce site n'a pas de propriété, n'a pas été traité par l'éditeur humain et n'assume aucune responsabilité juridique. Si vous trouvez du contenu suspect de violation de droits d'auteur, veuillez envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu suspect de violation de droits d'auteur.)