This article analyzes the method of displaying Dialog through JS by jQuery plug-in easyUI. Share it for your 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." type="text/javascript"></script>
<script src="jquery-easyui-1.3.4/" 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/" rel="stylesheet" type="text/css" />
<link href="jquery-easyui-1.3.4/themes/default/" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("#myDialog").dialog({
modal: true,
collapsible: true, //Set foldable toolbar: [{ //Set the toolbar array text: 'Add to',
iconCls: 'icon-add',
handler: function () {
$.({ showType: "fade", msg: "Add data", title: "hint", timeout: 1000 });
}
}, {
text: 'save',
iconCls: 'icon-save',
handler: function () {
$.({ showType: "fade", msg: "Save Data", title: "hint", timeout: 1000 });
}
}],
buttons: [{ //Set the button array below text: 'submit',
iconCls: 'icon-ok',
handler: function () {
$.({ showType: "fade", msg: "Submit Data", title: "hint", timeout: 1000 });
}
}, {
text: 'Cancel',
iconCls: 'icon-cancel',
handler: function () {
}
}]
});
});
</script>
For more information about jQuery, please visit the special topic of this site:Summary of jQuery window operation skills》、《Summary of jQuery drag and drop special effects and skills》、《Summary of commonly used plug-ins and usages of jQuery》、《Summary of Ajax usage in jquery》、《Summary of jQuery table operation skills》、《Summary of jQuery extension skills》、《Summary of common classic effects of jQuery》、《Summary of jQuery animation and special effects usage"and"Summary of jquery selector usage》
I hope this article will be helpful to everyone's jQuery programming.