前言:

Aries框架毕竟是开发框架,所以重点还是要写代码的,这样开发人员才不会失业,哈。

步骤1:新建html

建一个Html,主要有三步:

1:引入Aries.Loader.js
2:弄一个table标签
3:new 一个AR.DataGrid

当然了,虽然才这么点代码,我也是从UserList.html里Copy过来改的。

步骤二:配置菜单权限,并F5运行。

配置菜单权限上一篇有,不重复。(PS:这里复用上一个菜单,直接改菜单路径。)

F5运行后的效果是这样的:

objName都是article,所以配置都是同一个的。

不过编辑和删除的操作列不见了?(因为没有指定行内编辑,也没有代码新增,所以就木有的)

在基础的配置表头配置完后,用户到这里就开始梦B了,因为他们开始有各种需求需要通过代码来实现了:

步骤3:设置html中的js智能提示:

要开始写js代码了,为了在js里有完美智能提示,需要这样设置一下:

有了智能提示,你敲JS才智能,不然只能到处从Demo中Copy代码。

我能说这个功能,其实我也是刚刚才知道么!!!

步骤4:操控查询功能区

1:增加默认的数据排序条件怎么办?(options为EasyUI的参数)

var dg = new AR.DataGrid("Article", "Article", "grid");
dg.options = { sortName: "CreateTime desc" };
dg.bind();

多个条件排序怎么办?(简化掉了Easyui的sortOrder属性)

var dg = new AR.DataGrid("Article", "Article", "grid");
dg.options = { sortName: "CreateTime asc,Title desc" };
dg.bind();

2:增加默认的查询条件怎么办?

这里的默认条件有几个注意事项:

1:条件是永久的,界面的每一次查询都会带上。

2:如果查询框字段和这个一样,则会被查询框的复盖(若查询框有值)。

3:有闹心的朋友问了,想要查询条件只查一次,就消失怎么办?

用思考代替发问:就是在页面加载完后,清掉条件,所以正确的代码是:(要懂EasyUI参数里的事件)

4:想要操作查询框,给它填写个值怎么办?

比如页面一加载就这样:

有两个解:

1:只是填写值,但不触发查询条件(换个思维就是列表呈现之后赋值)

有人把这一行代码写到dg.bind() 之后没看到效果问为啥不行?

答:因为事件是异步的。

2:填写值,而且根据值过滤条件(换个思维,就是查询框构造好之后赋值)

结果:

5:不想要重置按钮怎么办?

var dg = new AR.DataGrid("Article", "Article", "grid");
dg.Search.BtnReset.isHidden = true;
...
dg.bind()

6:整个查询框都不想要怎么办?

var dg = new AR.DataGrid("Article", "Article", "grid");
dg.Search.isHidden = true;
...
dg.bind()

7:想要加自定义查询条件怎么办?

配置表头增字段,调整序号、隐藏、搜索即可。

8:要在查询按钮和重置按钮中加入自定义按钮怎么办?

只能告诉你:dg.Search.BtnQuery.$target 拿到JQ对象,然后用JQ操作往后面插入一节点。

9:整个查询框,想换成自定义的html怎么办?

dg.Search.$target = $('节点ID');

10:想要自定义查询框的文字标题怎么办?

配置表头:格式规则(title属性)。

11:查询框想变成范围区间查询怎么办?

配置表头:格式规则(clone属性)。

效果:

12:想要点查询的时候,拦截条件或追加条件怎么办?

 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即可。

结束:

目前把最常见的玩法都写了,应该不会有其它闹心的玩法了。

写教程写了一整天,真累人,吃饭去了~~~~

下一篇介绍工具条区和列表区的玩法。

ASP.NET Aries 入门开发教程3:开发一个列表页面及操控查询区的更多相关文章

  1. ASP.NET Aries 入门开发教程4:查询区的下拉配置

    背景: 今天去深圳溜达了一天,刚回来,看到首页都是微软大法好,看来离.NET的春天就差3个月了~~ 回到正题,这篇的教程讲解下拉配置. 查询区的下拉配置: 1:查询框怎么配置成下拉? 在配置表头:格式 ...

  2. [ABP教程]第二章 图书列表页面

    Web应用程序开发教程 - 第二章: 图书列表页面 关于本教程 在本系列教程中, 你将构建一个名为 Acme.BookStore 的用于管理书籍及其作者列表的基于ABP的应用程序. 它是使用以下技术开 ...

  3. ASP.NET Aries 入门开发教程7:DataGrid的行操作(主键操作区)

    前言: 抓紧勤奋,再接再励,预计共10篇来结束这个系列. 上一篇介绍:ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑 本篇介绍主键操作区相关内容. 1:什么时候有默认的 ...

  4. ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑

    前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于“启用”列,已经配置了格式化 # ...

  5. ASP.NET Aries 入门开发教程2:配置出一个简单的列表页面

    前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...

  6. ASP.NET + MVC5 入门完整教程八 -—-- 一个完整的应用程序(上)

    https://blog.csdn.net/qq_21419015/article/details/80509513 SportsStore 1.开始创建Visual Studio 解决方案和项目这里 ...

  7. ASP.NET MVC 入门系列教程

    ASP.NET MVC 入门系列教程 博客园ASP.NET MVC 技术专题 http://kb.cnblogs.com/zt/mvc/ 一个居于ASP.NET MVC Beta的系列入门文章,有朋友 ...

  8. 《ArcGIS Engine+C#实例开发教程》第八讲 属性数据表的查询显示

    原文:<ArcGIS Engine+C#实例开发教程>第八讲 属性数据表的查询显示 第一讲 桌面GIS应用程序框架的建立 第二讲 菜单的添加及其实现 第三讲 MapControl与Page ...

  9. ASP.NET + MVC5 入门完整教程七 -—-- MVC基本工具(上)

    https://blog.csdn.net/qq_21419015/article/details/80474956 这里主要介绍三类工具之一的 依赖项注入(DI)容器,其他两类 单元测试框架和模仿工 ...

随机推荐

  1. 探究javascript对象和数组的异同,及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  2. Enterprise Solution 3.1 企业应用开发框架 .NET ERP/CRM/MIS 开发框架,C/S架构,SQL Server + ORM(LLBL Gen Pro) + Infragistics WinForms

    行业:基于数据库的制造行业管理软件,包含ERP.MRP.CRM.MIS.MES等企业管理软件 数据库平台:SQL Server 2005或以上 系统架构:C/S 开发技术 序号 领域 技术 1 数据库 ...

  3. 逆天通用水印支持Winform,WPF,Web,WP,Win10。支持位置选择(9个位置 ==》[X])

    常用技能:http://www.cnblogs.com/dunitian/p/4822808.html#skill 逆天博客:http://dnt.dkil.net 逆天通用水印扩展篇~新增剪贴板系列 ...

  4. 【.net 深呼吸】限制执行代码的权限

    前面好几篇文章,老周都跟大伙伴们聊了跟应用程序域有关的话题,干脆咱们一聊到底吧,做学问就应该这样,有恒心. App Domain的创建新应用程序域的方法中,有一个特殊的重载: public stati ...

  5. C# 正则表达式大全

    文章导读 正则表达式的本质是使用一系列特殊字符模式,来表示某一类字符串.正则表达式无疑是处理文本最有力的工具,而.NET提供的Regex类实现了验证正则表达式的方法.Regex 类表示不可变(只读)的 ...

  6. 初步认识TDD

    TDD,测试驱动开发(Test Driven Development)是极限编程中倡导的程序开发方法,以其倡导先写测试程序,然后编码实现其功能得名.本文将对TDD有一个较为系统的认识.    基础属性 ...

  7. MFC中如何画带实心箭头的直线

    工作中遇到话流程图的项目,需要画带箭头的直线,经过摸索,解决:思路如下: (1) 两个点(p1,p2)确定一个直线,以直线的一个端点(假设p2)为原点,设定一个角度 (2)以P2为原点得到向量P2P1 ...

  8. 品牌营销:不要Beat,要逼格!

             品牌营销:不要Beat,要逼格! 奥美的创始人大卫·奥格威说,广告营销应当是"具有风度的推销产品".而当下的营销手段,"风度"早已被抛之脑后, ...

  9. BPM配置故事之案例13-触发消息通知

    老李:小明! 小明:--见你就没好事,又要我干嘛? 老李:额,小事小事,最近很多部门都觉得Boss的审批速度太慢了,能不能以后给审批人一个消息提醒? 小明:--有一种不太好的预感 老李:怎么,很困难么 ...

  10. Android之使用文件进行IPC

    一.文件进行IPC介绍 共享文件也是一种不错的进程间通信方式,两个进程通过读/写同一个文件来交换数据.在Windows上,一个文件如果被加了排斥锁将会导致其他线程无法对其进行访问,包括读写,而由于An ...