Angular Admin UI

• src
  • component all the control
  • filter common filter
  • service common service
  • template custom control template
  • admin.js entry file

已上传到七牛

即可完美体验

配置项

.config((AjaxProvider, MessageProvider, UIEditorControlProvider, UIUploadControlProvider, UITableControlProvider, UITreeControlProvider, UIDialogControl) => {

//
// ajax 默认返回处理
//
AjaxProvider.setSuccessHandler(function(result){
    return result.type == 1 ? result.data : null;
});
AjaxProvider.setFailHandler(function(result){
    return result.type != 1 ? result.error : null;
});

//
// 通知位置
//
MessageProvider.setPosition('bottom', 'right');

//
// 百度编辑器的库地址
//
UIEditorControlProvider.setUrl('你的配置文件');

//
// 上传空间的配置
//
UIUploadControlProvider.setDomain('七牛域名');
UIUploadControlProvider.setTokenUrl('七牛每次上传会调用这个URL, 返回算好的token, 然后才能上传');
UIUploadControlProvider.setMaxSize('1mb');

//
// 表格配置项
//
UITableControlProvider.setRequestMethod('post');
UITableControlProvider.setResultName('aaData', 'iTotalRecords');
UITableControlProvider.setPageName('pageSize', 'pageNo');
UITableControlProvider.setConfig({});

//
// 树配置项
//
UITreeControlProvider.setDataName('id', 'name', 'pid');
UITreeControlProvider.setRequestMethod('post');
});

控制

• 点击

  • ngClick 是controller里面的方法, 可以返回pormise方法
  • target 如果设置, 点击会锁屏幕, css3表达式

• • datas, [{name: .., url: ..}] 或者 ['A', 'B', 'C']
  • url, 如果想远程加载设置这个, post请求

• • url 加载的地址

图表

容器

• • controller, 可以angular.module('').controller或者function xxCtrl两种, 该组件主要是等待子组件全部完毕后才会调用controller

表单

• • mode, [date, datetime, time, month, year] 选其一
  • model, 双向绑定
  • change, scope里面的方法

• • mode, [date, datetime, time, month, year] 选其一
  • form-model, 开始时间的双向绑定
  • to-model, 结束时间的双向绑定
  • change, scope里面的方法

• 1
  2
  3

  • url, 远程数据地址
  • dataKeyName, 键的名称
  • dateValueName, 值的名称
  • render, scope里面的方法, 用于美化option

• • min, 最小值
  • max, 最大值
  • step, 步数
  • change 改变以后的回调

• • on-text, 左边的文字, 默认是开
  • off-text, 右边的文字, 默认是关
  • on-value, 左边的文件, 默认是1
  • off-value, 右边的文字, 默认是0

• • url, 远程加载的数据地址
  • editable, 是否可以按回车自动新增一个, 默认是true

• • mode, p = 只显示省, c = 只显示省和市, s = 只显示省和市和区, a = 全部显示, 默认是a

• • 尚无

查询

• • mode, [date, datetime, time, month, year] 选其一
  • model, 双向绑定
  • change, scope里面的方法

• • mod, [date, datetime, time, month, year] 选其一
  • form-model, 开始时间的双向绑定
  • to-model, 结束时间的双向绑定
  • change, scope里面的方法

• 1
  2
  3

  • url, 远程数据地址
  • dataKeyName, 键的名称
  • dateValueName, 值的名称
  • render, scope里面的方法, 用于美化option

表格

    
    
    
    
    
        {{data.simple}}
    
    
    
        吃
        喝
        玩
    
    

树

//通用树


//区域树

弹出框

component list

template list

service list

Form UI

javascript

    
    
    
        aa
        aa
    
    
    
    
    

SearchForm

javascript

    
    
        创建人
        沟通人
    
    
        联系方式
        客户姓名
    
    
        联系方式
        客户姓名
        联系方式
        客户姓名
    
    
    
    
    

Toolbar And Table

javascript

    
    
    
    
    
    
        0
        1
    
    
        
        
        
        
        
    

Tree

javascript