jquery easy UI 的hello版
2014-12-10 23:36
597 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tree Node Icons - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="easyui.css"> <link rel="stylesheet" type="text/css" href="icon.css"> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.easyui.min.js"></script> </head> <body> <div id = "box" title="js generate dialog" style="width:400px;height:200px;"> </div> <div class="easyui-dialog" title="class generate dialog" style="width:500px;height:500px"> </div> <script > $(function(){ $("#box").dialog(); }); </script> </body> </html>
生成dialog的方式有两种:第一种是通过js生成 (这样可以让js和html分离) 第二种是通过class的属性值就可以了。
jQuery easy ui 的学习视频地址:http://edu.51cto.com/lesson/id-24494.html
相关文章推荐
- JQuery Easy Ui 可装载组合框 - ComboBox
- jQuery Easy UI 使用
- jquery easy ui 分页
- jQuery Easy UI LinkButton(按钮)组件
- Jquery Easy UI初步学习(三)数据增删改
- Jqueryui+easyui+easywidgets做的后台界面
- easy Ui + Jquery 弹窗 的实现
- jquery easy ui的Combobox的绑定 $.post +webservices
- JQuery Easy Ui dataGrid 数据表格
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
- JQuery Easy Ui dataGrid 数据表格
- 使用Jquery Easy UI要导入的js顺序
- jQuery Easy UI ProgressBar(进度条)组件
- jquery easy ui 验证框架
- jquery easy ui 1.3.4 按钮(button)(6)
- Jquery Easy UI--datagrid的使用(转)
- jquery easy ui 学习 (7) TreeGrid Actions
- jQuery easy ui中datagrid的使用
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
- jquery easy UI + Spring MVC(注解) 完成文件上传操作