easyui随笔

ui框架
easyui=jquery+html4（用来做后台的管理界面）
bootstrap=jquery+html5
案例：
1、通过layout布局
2、通过tree加载菜单
3、通过菜单去打开不同的tab页
var content = ‘ scrolling="no" src="'+menuUrl+'" width="99%" height="99%">’;

1. 布局
   1.2 layout

2. 窗口
   
   2.2 dialog

Dialog Content.

–高级
tree

• 
  
• 
  Folder
  
  • 
    
  • 
    Sub Folder 1
    
    • 
      
    • 
      File 11
      
    • 
      
    • 
      File 12
      
    • 
      
    • 
      File 13
      
    • 
      
    
    
  • 
    
  • 
    File 2
    
  • 
    
  • 
    File 3
    
  • 
    
  
  
• 
  
• 
  File21
  

Datagrid

编码	名称	价格
001	名称1	2323
002	名称2	4612

根节点

父节点/子节点

枝节点/叶节点

scrolling="no" src="" width="99%" height="99%">

5. datagrid
   complextoolbar.html
   custompager.html

6. easyui控件的二种创建方式
   7.1 直接通过html标签创建(定义easyui属性)
   7.2 JS创建

7. easyui控件的方法调用
   $(exp).panel(‘open’)

8. 其它
   8.1 console.log();
   8.2 console.dir();
   8.3 console.dirxml();
   8.4 debugger
   语句用于停止执行 JavaScript，并调用 (如果可用) 调试函数。使用 debugger 语句类似于在代码中设置断点

9. WEB项目的定位
   9.1 绝对定位
   <img|script src|href="/aaa/bbb/a.js"> :8080/项目名

   src="<%=request.getContextPath()%>/aaa/bbb/a.js">

9.2 相对路径
<img|script src|href=“aaa/bbb/a.js”>

9.2.1 相对自己(css文件使用较多)

9.2.2 相对base标签的href属性  

10. html5

    data-options

    实例：
    1、查数据库
    2、转tree
    3、转tree集合
    4、处理tree的children属性
    5、在查询方法中查数据，然后转tree集合