jQuery插件easyUI實現通過JS顯示Dialog的方法
更新時間:2016年09月16日 00:50:39 作者:永遠愛好寫程序
這篇文章主要介紹了jQuery插件easyUI實現通過JS顯示Dialog的方法,實例分析了jQuery插件easyUI彈出Dialog的具體實現技巧,需要的朋友可以參考下
本文實例分析了jQuery插件easyUI實現通過JS顯示Dialog的方法。分享給大家供大家參考。具體如下:
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <title></title> <script src="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, //設置可折疊 toolbar: [{ //設置工具欄數組 text: '添加', iconCls: 'icon-add', handler: function () { $.messager.show({ showType: "fade", msg: "添加數據", title: "提示", timeout: 1000 }); } }, { text: '保存', iconCls: 'icon-save', handler: function () { $.messager.show({ showType: "fade", msg: "保存數據", title: "提示", timeout: 1000 }); } }], buttons: [{ //設置下方按鈕數組 text: '提交', iconCls: 'icon-ok', handler: function () { $.messager.show({ showType: "fade", msg: "提交數據", title: "提示", timeout: 1000 }); } }, { text: '取消', iconCls: 'icon-cancel', handler: function () { } }] }); }); </script>
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery窗口操作技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery常用插件及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
jQuery插件FusionCharts實現的2D餅狀圖效果【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實現的2D餅狀圖效果,結合完整實例形式分析了FusionCharts插件2D餅狀圖繪制相關實現技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03