JQuery Easy UI 1.7官网最新版附1.7API

　　最新的Easy UI 1.7包括1.7的API已上传至百度云盘，有需要的，请自行下载！！！

使用示例：

注：红色加粗的必须引入！！！

 <!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

     <meta charset="utf-8" />

     <link href="../../Script/jquery-easyui-1.7.0/themes/default/easyui.css" rel="stylesheet" /> <!--引入所有的样式-->

     <link href="../../Script/jquery-easyui-1.7.0/themes/icon.css" rel="stylesheet" /> <!--引入所有的图标-->

 </head>

 <body>

     <input type="button" value="添加" id="btnAdd" />

     <div id="addDiv">

         <h1>这是添加的对话框</h1>

     </div>

     <script src="../../Script/jquery.min.js"></script>  <!--最好用easy ui推荐的jquery版本-->

     <script src="../../Script/jquery.easyui.min.js"></script>  <!--压缩版的Easy UI JS-->

     <script src="../../Script/easyui-lang-zh_CN.js"></script> <!--支持语言-->

     <script type="text/javascript">

         bindAddBtnClickEvent();//绑定添加按钮的点击事件

         $("#addDiv").css("display","none");

         //绑定添加按钮的点击事件

         function bindAddBtnClickEvent() {

             $("#btnAdd").click(function () {

                 $("#addDiv").css("display", "block");

                 //把这个div弹出到中间，而且是模态

                 $("#addDiv").dialog({

                     title: "添加对话框",

                     width: 500,

                     height: 500,

                     modal:true

                 });

             });

         };

     </script>

 </body>

 </html>

效果图：

JQuery Easy UI 1.7官网最新版附1.7API

**授人以鱼不如授人以渔，其他的*发挥！~~~~~~**

 获取表单数据

 var DataStock = $("#addFrm").serializeArray();

百度云盘链接：https://pan.baidu.com/s/1mWxWwFQZS5ZUZHsziVmTsA
提取码：0zuc

秒客网

JQuery Easy UI 1.7官网最新版附1.7API

**授人以鱼不如授人以渔，其他的*发挥！~~~~~~**

相关文章