jquery.easyui常用示例

消息框 
 
 
 

   $.messager.alert("提示","法规重复标志更新成功！"); 
 
 
 

    $.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){    
  
 
  

        if (r){    
  
 
  

            alert('ok');    
  
 
  

        }  
  
 
  

    });  
  
 
 

   翻页 
 
 
 

    //初始化 
  
 
  

                $('#pagination').pagination({ 
  
 
  

                    total: actResult.RowCount, 
  
 
  

                    pageSize: P.default.pageSize, 
  
 
  

                    onSelectPage: function (pageNum, pageSize) {//翻页 
  
 
  

                        $(this).pagination('loading'); 
  
 
  

                        getActList(pageNum, pageSize, ""); 
  
 
  

                        $(this).pagination('loaded'); 
  
 
  

                    }, 
  
 
  

                    onRefresh: function (pageNum, pageSize) {//刷新 
  
 
  

                        $(this).pagination('loading'); 
  
 
  

                        getActList(pageNum, pageSize, ""); 
  
 
  

                        $(this).pagination('loaded'); 
  
 
  

                    }, 
  
 
  

                }); 
  
 
 

   //查询后调整记录数 
 
 
 

                    $("#pagination").pagination('loading'); 
  
 
  

                    getActList(P.default.pageNum, P.default.pageSize, where); 
  
 
  

                    $('#pagination').pagination({ 
  
 
  

                        total: actResult.RowCount, 
  
 
  

                        pageSize: P.default.pageSize, 
  
 
  

                    }); 
  
 
  

                    $("#pagination").pagination('loaded'); 
  
 
 

   选项卡 
 
 
 

            <div id="main" class="main easyui-tabs"> 
  
 
  

            </div> 
  
 
 

                $('#main').tabs('add', { 
  
 
  

                    title: title, 
  
 
  

                    content: '<iframe scrolling="yes" frameborder="0"  src="' + url 
  
 
  

                        + '" style="width:100%;height:'+ (intMainHeight-35)+'px;"></iframe>', 
  
 
  

                    iconCls: 'icon-search', 
  
 
  

                    closable: true, 
  
 
  

                }); 
  
 
 

   按钮效果 
 
 
 

   <a href="#" class="easyui-linkbutton" iconCls="icon-ok" οnclick="login()">登陆</a> 
 
 
 
 
  
 
 

   树 
 
 
 

    $('#tt2').tree({ 
  
 
  
 
   checkbox: true, 
  
 
  
 
   url: 'tree_data.json', 
  
 
  
 
   onClick:function(node){ 
  
 
  
 
   $(this).tree('toggle', node.target); 
  
 
  
 
   //alert('you click '+node.text); 
  
 
  
 
   }, 
  
 
  
 
   }); 
  
 
 

   -------tree_data.json 
 
 
 

    [{ 
  
 
  
 
   "text":"Languages", 
  
 
  
 
   "state":"closed", 
  
 
  
 
   "children":[{ 
  
 
  
 
   "id":"j1", 
  
 
  
 
   "text":"Java" 
  
 
  
 
   },{ 
  
 
  
 
   "id":"j2", 
  
 
  
 
   "text":"C#" 
  
 
  
 
   }] 
  
 
  

    }]