ASP.NET Aries 3.0发布(附带通用API设计及主干课程介绍)

重视更新:

1:升级处理机制(js请求由一块变更为异步)

2:优化前端JS:包含API和配置情势。

3:增加InputDialog功能。

4:增远远程验证作用。

5:优化权限安全机制。

6:扩展四次呼吁两个形式的成效。

7:优化匡助文件数据库(为了演示Demo,节省我服务器的资源)

从旧版本升格的注意事项:

Config_Grid表的字段变更:

viewname字段,变更为Rules,长度为250。

MergeIndexed,改名为:MergeIndex。

开源地址:

GitHub:https://github.com/cyq1162/Aries

Demo演示:http://aries.cyqdata.com/login.html (Demo挂回了美利坚合众国的VPS【少数用户访问可能出现网络慢的题材】,同时用上了文件数据库)

JS API通用设计思想介绍:

1:名称空间:

AR.DataGrid:操作表格和树形表格(需求实例化)。

AR.Upload:操作文件上传(需求实例化,如:导入按钮(点击的时候弹出上传Excel文件效率))。

AR.Form:操作表单页面(如普通的编撰或新增页面)。

AR.Combobox:操作下拉框对象。

AR.Utility:通用工具类:如AR.Utility.Ajax类就在那其中。

AR.Global:全局对象。

2:通用事件与特性:

1:对象(包含按钮)都有$target,获取JQ对象。

2:对象(包含按钮)都有isHidden属性,可以按钮突显或潜伏。

3:对象(包蕴按钮)都有五个事件(不管是按钮如故对象的初始化):

onBeforeExecute

onExecute(默许都施行那些)

onAfterExecute

拍卖时,依据作业,找到相应的靶子,处理该事件即可。

4:有些对象有Items属性(dg.Search.Items、dg.PKColumn.Items、AR.Global.DG.Items)

5:有些对象有add方法。

AR.DataGrid 简单介绍:

1:帮衬项目(普通表格(datagrid)和树形表格(treegrid)):

2:示例代码:

var dg=new AR.DataGrid(objName,tableName,id,type);

//那里可以控制参数。

dg.bind();//绑定表格

3:显示的作用:

图片 1

或者是:(树形菜单默许是经过右键菜单控制操作)

图片 2

4:表格常用内部对象:

1:dg.ToolArea:包蕴搜索(Search)和工具条(ToolBar)。

2:dg.Search:搜索区

3:dg.ToolBar:按钮工具条

4:dg.PKColumn:主键列区

5:dg.HeaderMenu:列头右键菜单

6:dg.ContextMenu:行数据的右键菜单

5:前端JS API编程示例(结合通用对象通用事件,很简单精晓在哪处理你要壮大的风浪):

比如:你想在点击查询增多条件,那么代码就是:

dg.Search.BtnQuery.onBeforeExecute=function(para){在此间追加条件。}

比如:你想隐藏重置按钮,那么代码是:

dg.Search.BtnReset.isHidden=false;

诸如:你想给查询条件某个框赋值,那么代码是:

dg.Search.onAfterExecute=function(para){dg.Search.Items[“列名”].val(123);};

也可以在页面加载后处理:

dg.options={

onLoadSuccess:function(){dg.Search.Items[“列名”].val(123);}

}

任何细节,在源码Demo里有介绍,那里就点到竣工了。

表单:Input相关的布局介绍:

1:远程验证数据是不是留存:

 <input name="UserName"  class='easyui-validatebox' data-options="validType:'exists[UserName]'"  />

效用:(框架之中隐式的尺度参数包涵:页面传递的id,AR.Form.tableName)

图片 3

2:InputDialog

<input name="F4" dialog="Demo_TestA" multiple="true" editable="true" />

单选效果:(第一遍运行时,须求配备下表头,隐藏不必要表现的列,然后调一个搜索框出来)

图片 4

多选效能:

图片 5

分选后,是个下拉,仍是可以够再小操作:

图片 6

3:关于下拉框的现实配置,在Demo里有详实,所以未知说,只上一张图:

图片 7

布署表头的陈设规则(即由viewname变名的Rules字段)

图片 8

效果:

图片 9

本配置用于控制搜索区,近期支撑$1和$2配置,规则为:

$1:{}处理非下拉:

一旦是日期或数量,默许变成区间查询(如上图中的F4字段配置),即默许clone:true,示例配置:

$1:{title:”my title”,width:200,clone:false}

$2:{} 处理下拉:

可设按钮宽度,是或不是多选,是或不是选用,是或不是呈现请选拔,是还是不是拔取时引发查询,示例配置:

$2:{width:200,height:30,isQuery:false,mutiple:true,defaultitem:false}

AR.Utility.Ajax:五次呼吁两个方式,重返结果合集:

框架里的示范代码:

 $Core.Utility.Ajax.post("GetInitConfig,GetKeyValueConfig", null, null, null, null, function (result) {
        $Core.Global.Variable = result.GetInitConfig;
        $Core.Global.Variable.isLoadCompleted = true;
        $Core.Global.Config = result.GetKeyValueConfig;
    });

结果集按章程结合成Json重返。

别的:参考框架Demo,或/Web/SysAdmin/系统系统效能的用法:

图片 10

总结:

1:本版本亲自操刀前端API(以前版本的前端是交另一个同事编写)。

由于操刀前端,近日天天都折腾到晌午3-4点:

图片 11

2:升高了性能(此前的同台导致界面1-2秒空白的卡,速度体验感不佳)。

3:提高了安全性(从前版本有早晚的权柄安全题材)。

4:增强前端选拔体验。

相关文章