1 <%@ page language="java" contentType="text/html; charset=utf-8" 2 pageEncoding="utf-8"%> 3  4  5  6 
      7  8 
      9 
      10  11  12  13  108  109  110 
     
       112 
        113 
         114 
 115 
 116 
 117 
 118 
 119 
 120 
 121 
 122 
 123 
      
       
        
        
编号
        
供应商编号
        
供应商名
        
联系人
        
联系电话
        
供应商描述
       
      
     
 124 125 
     
       126 
      
        127 
       添加 128 
       修改 129 
       删除 130 
       导出数据 131 
      
 132 
      
        供应商名： 
       
       搜索 133 
       清空 134 
      
 135 
     
 136 137 
     
       139 
      
        140 
       
         141 
           142 
 143 
 144 145 
 146 
 147 
 148 
           149 
 150 
 151 152 
 153 
 154 
 155 
           156 
 157 
 158 
 159 
        
         
          
供应商编号：
          
          
供应商名：
          
         
         
          
联系人：
          
          
联系电话：
          
         
         
          
供应商备注：
          
         
        
       
 160 
      
 161 
     
 162 163 
     
       164 
      保存 165 
      关闭 166 
     
 167  168 

 

1.指定查询：

添加<a>标签设置class属性为easy-linkbutton和iconCls='icon-search'为搜索按钮

//主要通过load方法来传递参数到后台 进行 指定条件查询 1 $("#dg").datagrid('load',{2 3 　　s_proName:$("#s_proName").val()　　4 5 }); 6 7 搜索

 

2.获取指定数据

1 //取得所有选中行数据，返回元素记录的数组数据。2 var rows = $('#dg').datagrid("getSelections");3 这里rows返回的是数组 4 5 //取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 6 var row = $('#dg').datagrid('getSelected');

 

3.消息框

1  //显示一个警告提示窗口。参数： 2  //title：显示在头部面板上的标题文本。 3 //msg：要显示的消息文本。 4 //icon：要显示的图标图片。可用的值是：error、question、info、warning。 5 //fn：当窗口关闭时触发的回调函数。 6 7 $.messager.alert('aaa','nnnnnnnnnnn'); 8 9 //显示一个带"确定"和"取消"按钮的确认消息窗口。参数： 10 //title：显示在头部面板上的标题文本。 11 //msg：要显示的消息文本。 12 //fn(b)：回调函数，当用户点击确认按钮时传递一个 true 参数给函数，否则给它传递一个 //false 参数。 13 $.messager.confirm('操作提示','您要执行操作吗',function(r){ 14 if(r){ 15 alert("确定"); 16 }else{ 17 alert("取消"); 18 } 19 }); 20 $.messager.confirm("系统提示","您确认要删除这"+selectedRows.length+"条数据吗?",function(r){ 21 if(r){ 22 $.post("${pageContext.request.contextPath}/stockManageSystem/provider!delete",{delIds:ids},function(result){ 23 if(result.success){ 24 $.messager.alert("系统提示","您已成功删除"+result.delNums+"条数据！"); 25 $("#dg").datagrid("reload"); 26 }else{ 27 $.messager.alert('系统提示',result.errorMsg); 28 } 29 },"json"); 30 } 31 });

 

4.对话框

1 
     
       3         
      
        4             
       
         5                 
           6                     
 7                     
 8                      9                     
10                     
11                 
12                 
          13                     
14                     
15                     16                     
17                     
18                 
19                 
          20                     
21                     
22                 
23             
        
         
          
供应商编号：
          
          
供应商名：
          
         
         
          
联系人：
          
          
联系电话：
          
         
         
          
供应商备注：
          
         
        
       
24         
      
25     
     
26 27 28 1.要现设置class属性为class="easyui-dialog" 设置为对话框窗口29 //打开对话框30 $("#dlg").dialog("open").dialog("setTitle","编辑供应商信息");31 //关闭对话框32 $("#dlg").dialog("close");

 

 

5.表单提交

'sumit' 为方法名。

url为属性，

onsubmit，success为事件

1     function saveProvider(){ 2         $("#fm").form("submit",{ 3             url:url, 4             onSubmit:function(){ 5                 return $(this).form("validate"); 6             }, 7             success:function(result){ 8                 if(result.errorMsg){ 9                     $.messager.alert("系统提示",reuslt.errorMsg);10                     return error;11                 }else{12                     $.messager.alert("系统提示","保存成功");13                     resetValue();14                     $("#dlg").dialog("close");15                     $("#dg").datagrid("reload");16                 }17             }18         });19         20     }