will use the Easyui modal dialog box will be our development is more concise, just download the plugin, drag the required files to the project, the following shows a Easyui modal dialog box, and the use of methods and properties. Here is a common function of small display, try on the Easyui comes with the documentation is very comprehensive, * * * * * Learning to view the document is very important, see a few times will be skilled * * * *
<script type= "Text/javascript" src= ". /script/jquery-1.8.3.js "></script> <script src=". /script/jquery-easyui-1.3.1/jquery.easyui.min.js "></script> <script src=". /script/jquery-easyui-1.3.1/locale/easyui-lang-zh_cn.js "></script> <link href=". /script/jquery-easyui-1.3.1/themes/default/easyui.css "rel=" stylesheet "/> <link href=". /script/jquery-easyui-1.3.1/themes/icon.css "rel=" stylesheet "/>// above is a must-reference
//The following shows a section//when loading, hide your modal div first$(function () { $("#addNewsDiv"). CSS ("display", "none");}//Click the Add button to display the Add dialog box functionShowaddnewsdialog () {$ ("#addNewsbtn"). Click (function () { $("#addNewsDiv"). CSS ("Display", "block");//make a hidden div visible$ ("#addNewsDiv"). Dialog ({title:Add News dialog box,//Some propertieswidth:400, Height:400, buttons: [{text:Add, Iconcls:"Icon-add",//referencing this button property will automatically add styles and icons to your buttons.Handlerfunction() {savenews ();//your own way.}}, {text:Cancel, Iconcls:"Icon-cancel", Handler:function () { $("#addNewsDiv"). Dialo
G ("close"); // Close the dialog box } }] }); });
120 days of 1200 hours of pass-through for junior students. NET (14) Modal dialog box about Easyui