استخدام jQuery插件 easyUI لعرض نافذة الحوار من خلال JS

تحليل هذه المقالة مثال على كيفية عرض نافذة الحوار باستخدام jQuery Plugin easyUI عن طريق JS. مشاركة الجميع للاستفادة. كما يلي:

<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,       //إعداد القابلة للطي
        toolbar: [{             //إعداد مصفوفة الأدوات
          text: 'إضافة',
          iconCls: 'icon-add',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "إضافة بيانات", title: "تذكير", timeout: 1000 });
          }
        }, {
          text: 'حفظ',}
          iconCls: 'icon-save',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "حفظ البيانات", title: "تلميح", timeout: 1000 });
          }
        }],
        buttons: [{          // إعداد مجموعة الأزرار أدناه
          text: 'إرسال',
          iconCls: 'icon-ok',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "إرسال البيانات", title: "تلميح", timeout: 1000 });
          }
        }, {
          text: 'إلغاء',
          iconCls: 'icon-cancel',
          handler: function () {
          }
        }]
      });
    });
</script>

بالنسبة للمزيد من المعلومات المتعلقة بjQuery، يمكن للقراء المهتمين الاستعراض المواضيع المخصصة على هذا الموقع: 'مقدمة إلى تقنيات تعامل النافذة jQuery'، 'مقدمة إلى تأثيرات سحب jQuery'، 'مقدمة إلى التطبيقات الشائعة من jQuery'، 'مقدمة إلى استخدام Ajax في jQuery'، 'مقدمة إلى تقنيات تعامل جدول HTML'، 'مقدمة إلى تقنيات التوسيع في jQuery'، 'مقدمة إلى تأثيرات كلاسيكية شائعة jQuery'، 'مقدمة إلى استخدام الأنماط والرسوميات في jQuery'، 'مقدمة إلى استخدام ميزات التختار في jQuery'، و 'مقدمة إلى استخدام jQuery في إدارة النوافذ'.

نتمنى أن يكون هذا المقال قد ساعدكم في تصميم برامج jQuery.

البيان: محتويات هذا المقال تم جمعها من الإنترنت، حقوق الطبع والنشر تخص المالك الأصلي، المحتوى تم تقديمه من قبل مستخدمي الإنترنت الذين قاموا بتحميله بمفردهم، ويستخدم هذا الموقع المحتوى دون امتلاك حقوق الملكية، ولم يتم تعديل المحتوى بشكل إنساني، ولا يتحمل الموقع أي مسؤولية قانونية. إذا كنت قد وجدت محتوى يشتبه في حقوق الطبع والنشر، فيرجى إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال '#' بـ '@') لتقديم الشكوى، مع تقديم الدليل المناسب، وسينتشر الموقع المحتوى المزعوم بشكل فوري.