遵照Metronic的Bootstrap开发框架经验总计(18)– 在代码生成工具Database2Sharp中合拢对Bootstrap-table插件的分页及排序协助

 2、在代码生成工具Database2Sharp中融为一体对Bootstrap-table插件的分页及排序援助

大家的代码生成工具Database2Sharp是为了框架开发服务的,不管是Winform依旧Web开发,都可以遵照数据库的基本功上拓展框架代码的高效变化,以及界面的代码生成,这一次调整的代码生成工具效能,在列表界面代码中扩展了对Bootstrap-table插件分页的襄助,使得我们付出Bootstrap框架的界面代码更加助长、快速。

在代码生成工具Database2Sharp上,大家先选取Enterprise Library代码增量生成主体框架的框架代码。

图片 1

然后在行使Bootstrap的Web界面代码生功效用,如下可以在工具栏界面中挑选。

图片 2

分选数据库和表后,可以展开界面代码(包括控制器代码、视图界面代码)两部分,其中视图分为三种情势,一种是应用Bootstrap-table插件的分页及排序(index.cshtml),一种是正规的Bootstrap
Paginator分页处理(index2.cshtml)。

图片 3

老客户可以继续行使index2.cshtml的体制,也足以应用最新的Bootstrap-table插件的分页及排序形式(index.cshtml)。

变更的界面分为HTML部分和JS部分,都是比较紧密联系的两有些,我们举行自然的调整即可兑现增长的界面排版。

图片 4

部分的JS代码(展示分页部分处理)如下所示。

图片 5

列表数据的彰显列,默认是以数据库的字段进行转移,我们在变化无常后方可开展自然的调动,可以合理展现我们关注的数据。

图片 6

本来生成的界面代码还有为数不少任何的JS代码,如编辑、查看的代码和控件对应,导入、导出等代码的处理,都是一并转移的,我们依照需要展开自然的剪裁调整即可到位总体界面的处理了,极大的增强开发效能。 

 

在我们付出体系界面,包括Web和Winform的都同样,首要的界面就是列表显示主界面,编辑查看界面,以及一些协助性的如导入界面,采纳界面等,其中列表体现主界面是综合性的多少突显界面,一般往往需要对记录举行客观的分页,集成各类增删改查的按钮等功能。随着开发品种的需求变动,对数码记录分页显示、排序等功效都是常态的渴求,因而在代码生成工具中调整了主列表界面的列表显示插件为Bootstrap-table插件,本篇小说重要介绍在代码生成工具Database2Sharp中合拢对Bootstrap-table插件的分页及排序襄助成效。

2)Bootstrap-table插件分页

利用正规的分页模式界面可控性非凡有利,可是随着不同系列的片段特殊要求,对表头排序的需要也是特别精晓的,下面的分页处理模式不可以实现表头的排序功用,因此引入了选拔特别普遍的Bootstrap-Table插件,该插件应用很广、功效卓殊有力,能够通过性能配置实现很仔细的听从决定。Bootstrap-table插件提供了十分丰裕的特性设置,可以实现查询、分页、排序、复选框、设置展现列、Card View视图、主从表彰显、合并列、国际化处理等处理效用,而且该插件同时也提供了有些不利的扩大功效,如运动行、移动列地点等片段破例的法力。

故而我对这么些插件举办了应用研究并拓展总括,这么些插件的事无巨细使用可以参见我的小说《基于Metronic的Bootstrap开发框架经验总括(16)–
使用插件bootstrap-table实现表格记录的查询、分页、排序等拍卖
》举办问询。那么些插件界面显得也是充裕漂亮的。

图片 7

其一插件最明白的性状就是圆满帮助客户端或者服务器的数量列排序处理,单击表头就足以兑现排序操作。

 

1)常规分页格局

最起头的Web界面列表分页,使用相比较常规Bootstrap
Paginator分页情势,内容生成以HTML组合措施,先安装表头,然后拿走分页列表数据,遍历生成相关的HTML数据,增添到页面上,这种情势也是相比高效的处理情势,如本人在本体系先河的随笔《遵照Metronic的Bootstrap开发框架经验总括(2)–列表分页处理和插件JSTree的行使》介绍中一致。有时候为了工作数据的高效查询,也会在左手停放一个树列表方便查询分类,界面如下所示。

图片 8

 这种艺术可控性非凡好,而且能够对HTML代码举行完全的支配,万分适合在自定义界面中呈现一些数码,如本人前边介绍过的图标分页体现界面 一样,完全是自定义的情节显示,图标界面如下所示。

图片 9

 

1、Web界面列表分页处理

相关文章