This article analyzes the method of jquery plug-in Easyui to display dialog through JS. Share to everyone for your reference. as follows:
<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8"/> <title></title> <script sr C= "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: ' Add ', Iconcls: ' Icon-add ', handler:function () {$.message
R.show ({showtype: "Fade", msg: "Add Data", Title: "Hint", timeout:1000});
} }, {text: ' Save ', Iconcls: ' Icon-save ', handler:function () {$.messager.sh
Ow ({showtype: "Fade", msg: "Save Data", Title: "Hint", timeout:1000}); }], buttons: [{//Set button array below text: ' Submit ', Iconcls: ' Icon-ok ', handle
R:function () {$.messager.show ({showtype: "Fade", msg: "Submit Data", Title: "Prompt", timeout:1000});
}, {text: ' Cancel ', Iconcls: ' Icon-cancel ', Handler:function () {}
}]
});
});
</script>
More interested readers of jquery-related content can view the site topics: "jquery window Operation tips Summary", "jquery drag and drop effects and tips summary", "jquery common Plug-ins and Usage summary", "jquery Ajax Usage Summary", "jquery Table" ( Table) Summary of operations tips, jquery Extended techniques Summary, jquery Common Classic effects summary, jquery animation and special effects usage summary and jquery selector Usage Summary
I hope this article will help you with the jquery program design.