Aries框架毕竟是开发框架,因此重点仍是要写代码的,这样开发人员才不会失业,哈。html
建一个Html,主要有三步:数组
1:引入Aries.Loader.js 2:弄一个table标签 3:new 一个AR.DataGrid
固然了,虽然才这么点代码,我也是从UserList.html里Copy过来改的。框架
配置菜单权限上一篇有,不重复。(PS:这里复用上一个菜单,直接改菜单路径。)异步
F5运行后的效果是这样的:工具
objName都是article,因此配置都是同一个的。ui
不过编辑和删除的操做列不见了?(由于没有指定行内编辑,也没有代码新增,因此就木有的)spa
在基础的配置表头配置完后,用户到这里就开始梦B了,由于他们开始有各类需求须要经过代码来实现了:3d
要开始写js代码了,为了在js里有完美智能提示,须要这样设置一下:code
有了智能提示,你敲JS才智能,否则只能处处从Demo中Copy代码。htm
我能说这个功能,其实我也是刚刚才知道么!!!
var dg = new AR.DataGrid("Article", "Article", "grid");
dg.options = { sortName: "CreateTime desc" };
dg.bind();
var dg = new AR.DataGrid("Article", "Article", "grid");
dg.options = { sortName: "CreateTime asc,Title desc" };
dg.bind();
这里的默认条件有几个注意事项:
1:条件是永久的,界面的每一次查询都会带上。 2:若是查询框字段和这个同样,则会被查询框的复盖(若查询框有值)。
用思考代替发问:就是在页面加载完后,清掉条件,因此正确的代码是:(要懂EasyUI参数里的事件)
好比页面一加载就这样:
有两个解:
有人把这一行代码写到dg.bind() 以后没看到效果问为啥不行?
答:由于事件是异步的。
结果:
var dg = new AR.DataGrid("Article", "Article", "grid");
dg.Search.BtnReset.isHidden = true;
...
dg.bind()
var dg = new AR.DataGrid("Article", "Article", "grid"); dg.Search.isHidden = true; ... dg.bind()
配置表头增字段,调整序号、隐藏、搜索便可。
只能告诉你:dg.Search.BtnQuery.$target 拿到JQ对象,而后用JQ操做日后面插入一节点。
dg.Search.$target = $('节点ID');
配置表头:格式规则(title属性)。
配置表头:格式规则(clone属性)。
效果:
var dg = new AR.DataGrid("Article", "Article", "grid");
...
dg.Search.BtnQuery.onBeforeExecute = function (para) { alert(JSON.stringify(para)); }
dg.bind();
点击结果:
para是数组,你能够push新的,能够移除旧的,能够修改现有的。
不要问我js怎么操做数组。
若是要中止事件,则return false;
html放N个table,new N个AR.DataGrid便可。
目前把最多见的玩法都写了,应该不会有其它闹心的玩法了。
写教程写了一成天,真累人,吃饭去了~~~~
下一篇介绍工具条区和列表区的玩法。