120-hour. net (14th) easyUI modal dialog box, 1200-hour easyui
The easyUI modal dialog box is simpler for our development. You only need to download this plug-in and drag the required files to the project. The easyUI modal dialog box is displayed below, and usage and attributes. Here is a small demonstration of common functions. The instruction document provided by easyUI is very comprehensive. *** it is very important to learn to view the document. You will be familiar with it several times *****
<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 "/> // The above must be referenced
// The following shows a section. // when loading, hide your modal div $ (function () {$ ("# addNewsDiv" ).css ("display ", "none");} // click the Add button to display the Add dialog box function showAddNewsDialog () {$ ("# addNewsbtn "). click (function () {$ ("# addNewsDiv" ).css ("display", "block"); // hide the hidden div $ ("# addNewsDiv "). dialog ({title: "Add news dialog box", // some attributes width: 400, height: 400, buttons: [{text: "add", iconCls: "icon-add", // reference this button property, will automatically add a style and icon handler: function () {saveNews (); // your own method} for your button }}, {text: "cancel", iconCls: "icon-cancel", handler: function () {$ ("# addNewsDiv "). dialo
G ("close"); // close the dialog box}]});