1. datagrid-数据表格

    先在页面创建html代码

    
     	     
		      
			       
ID
			       
执行计划ID
			       
SQL说明
			       
SQL
		      
	     
    
    
    
	
     编辑SQL
    

    先声明(初始化)datagrid插件，可以用html，也可以用js，我是用js。

$(function () {	// 初始化easyUI数据表格	$("#history-data-dg").datagrid({		url : "
    ",		queryParams : {// 传入后台的参数，相当于$.ajax()的data			execPlanId : "1"		},		pageSize : 10, // 分页插件的每页最大值		pageNumber : 1, // 第一次进去时是第1页		pageList : [10, 20, 30, 40, 50] // 每页可选显示多少页的下拉单		});});

    datagrid可以根据定义的url自己在页面装填数据，非常方便，但是你要把数据规定好，我现在用的是传入一个Map<String, Object>，定义好easyUI要的total，rows属性，感觉easyUI是需要json数据的，因为spring框架的@Reponsebody注解自动把Map格式数据转换成json格式数据。

@Overridepublic Map
    
      getPagingHistoryDataList (Map
     
       params, Integer rows, Integer page) {    // 参数1： 页面过来的parameter，Map类型    // 参数2： easyUI给我的数据，当前页面可显示几条数据    // 参数3： easyUI给我的数据，当前是页面的第几页	Map
      
        pageData = new HashMap
       
        (10);	List
        
          historyDataIds = new ArrayList
         
          (); List
          
         
        
       
      
     
    

2. dialog弹窗

    先在页面创建html代码。

    点击工具栏按钮弹出弹窗。