ASP.NET Aries 入门开发教程3:开发一个列表页面及操控查询区

前言:

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

步骤1:新建html

建一个Html,主要有三步:


1

2

3

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

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:整个查询框都不想要怎么办?


1

2

3

4

var dg = new AR.DataGrid("Article""Article""grid");

    dg.Search.isHidden = true;

...

dg.bind()

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

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

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

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

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


1

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

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

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

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

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

效果:

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


1

2

3

4

5

6

7

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

结束:

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

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

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

本文原创发表于博客园,作者为路过秋天,原文链接:http://www.cnblogs.com/cyq1162/p/6066500.html

时间: 2024-09-19 01:13:17

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

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

背景: 今天去深圳溜达了一天,刚回来,看到首页都是微软大法好,看来离.NET的春天就差3个月了~~ 回到正题,这篇的教程讲解下拉配置. 查询区的下拉配置: 1:查询框怎么配置成下拉? 在配置表头:格式化配置 #是否 PS:格式化配置除了用来格式化表格的内容,同样也会下拉进行格式化. 效果: 那"#是否"是哪里来的? 在配置维护里来的,对于固定的选项,统一在这里配置: 2:查询框下拉能不能多选? 配置格式规则即可:multiple属性 效果: 3:查询框下拉能不能级联? 配置格式化规则指

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

前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于"启用"列,已经配置了格式化 #是否,已经可以看到效果了. 对于分类ID列,通常显示的是分类名称,而不是ID值. 可是分类名称不在文章表里,在文章分类表,怎么关联格式化呢? 我们有文章分类表: 所以我们写个下拉配置: 然后在配置表头里把它配置上: 效果: PS:通过自定义语句来翻译下拉项的注意事项: 1 2 3 1:翻译

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

前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给写完了. 谢谢大伙的关注和支持. 步骤1:准备好数据库和表(或视图) 由于框架支持跨数据库,所以可以先不用管系统权限的那个数据库,先随意找个数据库. 当然你也可以找个视图(只是视图就不能编辑或删除[权限控制]) 步骤2:配置数据库链接: 以数据库名+Conn 为name(这是跨库的约定,不要乱取).

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

原文:<ArcGIS Engine+C#实例开发教程>第八讲 属性数据表的查询显示 第一讲 桌面GIS应用程序框架的建立 第二讲 菜单的添加及其实现 第三讲 MapControl与PageLayoutControl同步 第四讲 状态栏信息的添加与实现 第五讲 鹰眼的实现 第六讲 右键菜单添加与实现 教程Bug及优化方案1 第七讲 图层符号选择器的实现1 第七讲 图层符号选择器的实现2 第八讲 属性数据表的查询显示 摘要:这一讲中,我们将实现图层属性数据表的查询显示.在ArcMap中,单击图层右

ASP.NET Aries 入门开发教程9:业务表单的开发

前言: 经过前面那么多篇的列表的介绍,终于到了大伙期待的表单开发了. 也是本系列的最后一篇文章了! 1:表单页面的权限设置与继承 对于表单页面,权限的设置有两种: 1:你可以选择添加菜单(设置为不显示)并配置权限. 2:不设置权限,继承自父页面. 因此,如果你单独打开一个没有单独设置权限的页面,得到的效果就是: 2:简单单表的开发Demo 1:新建ArticleEdit.html html是从UserEdit.html Copy过来简单调整的,毕竟为了统一样式. 当然你也可以自定义样式,那样的话

Scott Mitchell的ASP.NET 2.0数据教程之一 创建一个数据访问层

返回"ASP.NET 2.0数据教程目录" 导言 作为web开发人员,我们的生活围绕着数据操作.我们建立数据库 来存储数据,写编码来访问和修改数据,设计网页来采集和汇总数据.本文是研 究在ASP.NET 2.0中实现这些常见的数据访问模式之技术的长篇系列教程的第一篇 .我们将从创建一个软件框架开始,这个框架的组成部分包括一个使用强类型的 DataSet的数据访问层(DAL),一个实施用户定义的业务规则的业务逻辑层(BLL), 以及一个由共享页面布局的ASP.NET网页组成的表现层.在打

ASP.NET 2.0数据教程之四十七:使用SqlDataSource控件查询数据

返回"ASP.NET 2.0数据教程目录" 导言 到目前为止,我们所做的教程都使用了一个包含表示层.业务逻 辑层以及数据访问层的分层架构.在第一节教程(创建一个数据访问层)中,我 们讲解了数据访问层(DAL),第二节教程(创建一个业务逻辑层)中,我们又讲 解了业务逻辑层.从教程"使用ObjectDataSource展现数据"开始, 我们看到了如何在这个架构里面,通过使用ASP.NET2.0中新出现的 ObjectDataSource控件在表示层展示数据. 所有的这些

ASP.NET 2.0数据教程之三十四:跨页面的主/从报表

返回"ASP.NET 2.0数据教程目录" 导言 在前面一章里我们学习了如何在一个页里显示主/从信息.另外一 种经常使用的模式就是将主从信息用两个页分别显示.在前面的跨页面的主/从报 表我们通过GridView显示所有的supplier来使用这个模式.GridView里包含一个 HyperLinkField,链接到另外一个页,并将SupplierID通过querystring传过去.第 二个页使用GridView列出了选中的supplier提供的product. 这样的两页主 /从表也

ASP.NET Aries 入门开发教程1:框架下载与运行

背景: 鉴于框架的使用者越来越多,文档太少,不少用户反映框架的入门门槛太高. 好吧,再辛苦下,抽时间写教程吧! 步骤1:下载框架源码 开源地址:https://github.com/cyq1162/Aries 建议用SVN或Git下载,因为随时可以更新.(打包Zip下的载的,更新升级不方便) 步骤2:F5 运行起来 数据库默认是指向文本数据库,所以可以直接运行,看到登陆界面: 默认用户名密码是:admin,111111,已经写在html中了. 点登陆,如果提示如下: 那你就打开web.confi