SNF神速支付平台MVC-自由排序组件

1.2.5.    注意事项

只顾各种艺术的逐条不能够颠倒,定义datagrid对象在最前,其次是概念自由排序模型freeSortOptionsModel,然后定义上移下移事件,再然后定义自动相比内容获取改变行的模子matchGridViewModel,最终才是保存事件行编辑时,新增行是没有排序码的,所以当前页面假若有新增多少的话就不可能容许实行排序,要保留后才方可允许开始展览排序使用自由排序时请不要使用分页

1.2.6.    demo样例

程序路径:

/DEMO/DemoSingleTableFreeSort/ DemoSingleTableFreeSort

可在程序中服从此路径扩充菜单查看

 


作者: 王金斗
出处: http://www.cnblogs.com/spring_wang/
Email: spring_best@yeah.net
QQ:903639067 
QQ群:322581894

 那一个连串教程文书档案,欢迎转发:

SNF飞速支付平台WinForm-CS甘特图http://www.cnblogs.com/spring_wang/p/7418423.html

SNF急迅支付平台MVC-审核流,审核完结后会给下1个审核人发邮件,下叁个审核人能够不记名系统,在邮件里开展核查处理http://www.cnblogs.com/spring_wang/p/7418402.html

SNF飞快支付平台MVC-名片管理(实际名片样式) http://www.cnblogs.com/spring_wang/p/7416540.html

SNF快速支付平台MVC-表格单元格合并组件http://www.cnblogs.com/spring_wang/p/7416368.html

SNF快速支付平台MVC-单据状态水印http://www.cnblogs.com/spring_wang/p/7416349.html

SNF急忙支付平台MVC-瀑布式分页组件http://www.cnblogs.com/spring_wang/p/7411116.html

SNF快速支付平台MVC-高级查询组件http://www.cnblogs.com/spring_wang/p/7411113.html

SNF飞速支付平台MVC-自由排序组件http://www.cnblogs.com/spring_wang/p/7411090.html

SNF快捷支付平台MVC-各个级联绑定格局,演示样例程序(蕴含表单和表格控件)http://www.cnblogs.com/spring_wang/p/7405371.html

SNF急速支付平台MVC-集成了百度开源项目echarshttp://www.cnblogs.com/spring_wang/p/7405171.html

SNF飞快支付平台WinForm-平板拍照及扫描二维码作用http://www.cnblogs.com/spring_wang/p/7404600.html

SNF快捷支付平台WinForm平整引擎全体介绍及使用http://www.cnblogs.com/spring\_wang/p/7404182.html

SNF飞速支付平台WinForm-Grid表格控件大全http://www.cnblogs.com/spring_wang/p/7403881.html

SNF神速支付平台WinForm-表单验证控件-通用http://www.cnblogs.com/spring_wang/p/7403750.html

SNF.CodeGenerator-升级生成BS页面代码-补助视图-数据库配置-神速开发者的利器http://www.cnblogs.com/spring_wang/p/7402612.html

SNF火速支付平台WinForm-审核流使用方法样例http://www.cnblogs.com/spring_wang/p/7374176.html

SNF神速支付平台WinForm-EasyQuery总计分析-效果-卓殊牛逼的报表查询工具http://www.cnblogs.com/spring_wang/p/7366059.html

SNF神速支付平台MVC-Grid++集成打字与印刷http://www.cnblogs.com/spring_wang/p/7365567.html

SNF快速支付平台MVC-富文本控件集成了百度开源项目editorhttp://www.cnblogs.com/spring_wang/p/7365265.html

C#按回车Enter使输入主题自动跳到下3个TextBox的艺术收集http://www.cnblogs.com/spring_wang/p/7216538.html

至于系统前端开发的那几个事http://www.cnblogs.com/spring_wang/p/7092721.html

WebApi和MVC-controller层接收的json字符串的取值方法和调用后台服务方法http://www.cnblogs.com/spring_wang/p/6740314.html

SNF快捷支付平台–规则引擎在先后个中怎么样调用http://www.cnblogs.com/spring_wang/p/6740490.html

SNF急速支付平台–规则引擎介绍和动用文书档案http://www.cnblogs.com/spring_wang/p/6740445.html

SNF急迅支付平台MVC-EasyUI3.9之-DataGrid表格控件如何充实右键菜单http://www.cnblogs.com/spring_wang/p/6740338.html

SNF急忙支付平台–多组织+多平台+多系统处理方案http://www.cnblogs.com/spring_wang/p/6734654.html

SNF火速支付平台MVC-EasyUI3.9之-Session过期处理和页面请求筛选http://www.cnblogs.com/spring_wang/p/6733975.html

SNF神速支付平台MVC-EasyUI3.9之-WebApi身份验证难题消除方案http://www.cnblogs.com/spring_wang/p/6733814.html

SNF神速支付平台MVC-EasyUI3.9之-WebApi跨域处理方案http://www.cnblogs.com/spring_wang/p/6733659.html

SNF飞速支付平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net
MVC下利用手续
http://www.cnblogs.com/spring_wang/p/6710351.html

SNF开发平台WinForm之十五-时间轴控件使用-http://www.cnblogs.com/spring\_wang/p/6285393.html

SNF开发平台WinForm之十四-站内发送系统音信http://www.cnblogs.com/spring\_wang/p/6140031.html

SNF开发平台WinForm之十三-单独从服务器上赢得PDF文件举办展示http://www.cnblogs.com/spring_wang/p/6140025.html

SNF开发平台WinForm之十二-发送手提式有线电电话机短信效用调用http://www.cnblogs.com/spring_wang/p/6139829.html

SNF开发平台WinForm之十一-程序打包http://www.cnblogs.com/spring_wang/p/6139827.html

SNF开发平台WinForm之十-Excel导入http://www.cnblogs.com/spring_wang/p/6128604.html

SNF开发平台WinForm之九-代码生成器使用表达http://www.cnblogs.com/spring_wang/p/6128595.html

SNF开发平台WinForm之八-自动升级程序安顿使用验证http://www.cnblogs.com/spring_wang/p/6128570.html

SNF开发平台WinForm之七-单据打字与印刷和采纳表明http://www.cnblogs.com/spring_wang/p/6126016.html

SNF开发平台WinForm之六-上传下载组件使用http://www.cnblogs.com/spring\_wang/p/6125929.html

SNF开发平台WinForm之五-高级查询利用表达-http://www.cnblogs.com/spring\_wang/p/6116640.html

SNF开发平台WinForm之四-开发-主细表管理页面-http://www.cnblogs.com/spring\_wang/p/6116626.html

SNF开发平台WinForm之三-开发-单表接纳控件创造-http://www.cnblogs.com/spring\_wang/p/6116592.html

SNF开发平台WinForm之二-开发-单表表单管理页面-http://www.cnblogs.com/spring\_wang/p/6116572.html

SNF开发平台WinForm之一-开发-单表表格编辑管理页面-http://www.cnblogs.com/spring\_wang/p/6116523.html

Winform开发框架之通用Windows摄像头调用拍照http://www.cnblogs.com/spring_wang/p/6008674.html

Winform开发框架之图表报表在线设计器2-图表-SNF.EasyQuery项目–SNF火速支付平台3.3-Spring.Net.Framework

Winform开发框架之图表报表在线设计器-报表-SNF.EasyQuery项目–SNF飞快支付平台3.3-Spring.Net.Framework

Winform开发框架之通用附属类小部件管理模块
–SNF飞速支付平台3.3-Spring.Net.Framework

SNFAutoupdater通用自动升级组件V2.0-WinForm

SNF火速支付平台3.2之–.Net可增加的契约编号生成器-SNF.CodeRule

SNF飞速支付平台3.1之–审核流(3)低调奢华,不难不凡,实例演示-SNF.WorkFlow

SNF神速支付平台3.1之–审核流(2)流程设计-SNF.WorkFlow成效使用验证

SNF连忙支付平台3.1之–审核流(1)SNF.WorkFlow审核流简介

SNF火速支付平台3.0之–完美的代码生成器SNF.CodeGenerator-急迅开发者的利器

旧事MVC4+EasyUI的Web开发框架–Spring.Net.FrameworkV3.0完好介绍

SNF火速支付平台3.0之–MVC
打印消除方案

SNF火速支付平台3.0之–文件批量上传-统一附属类小部件管理器-在线预览文件(有互连网和尚未三种)

SNF火速支付平台3.0之–asp.net mvc4
强大的导出和不必要上传文件的批量导入EXCEL

SNF神速支付平台3.0之MVC通用控件库展现-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF火速支付平台3.0之BS页面显示和九大优点-部分页面显示效果-Asp.net+MVC4.0+WebAPI+EasyUI
+Knockout

SNF火速支付平台3.0之-界面天性化配置+10种皮肤+7种菜单-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF连忙支付平台3.0之-CS页面-Asp.net+Spring.Net.Framework

EasyUI,SNF急迅支付平台3.0之–系统里播放的成效–连忙及时、简明扼要的把音讯发送给接收者

1.2.2.    参数表达

grid:当前急需排序的表格对象

NameSpace:service层的类的命名空间

TableName:数据表名称

sort菲尔德:排序字段(默许SortCode)

flagDataBase:每一次活动之后,是或不是存入数据库(true表示移动后即存入数据库,false表示仅改变展现,需合并开始展览保存,暗中同意true)

ProjectNameSpace:service层的类所在类型的数据集,私下认可等于NameSpace(主要用于命名空间和所在项目分裂时的情景)

1.2.4.    行编辑统一封存时模型调用

在概念了datagrid对象(即对表格的特性进行定义和绑定的对象)和专断动排档序模型之后,增添三个机动比较表格的现行反革命内容与开端值,从而取得改变行的模型:

 this.gridMatch = new snf.matchGridViewModel(self.grid, self.freeSort);

需在datagrid定义的对象中的onLoadSuccess事件扩展self.gridMatch.setDefault();

重写saveClick事件,post.list 改为post.list =
self.gridMatch.getChanges(self.setting.postListFields);

如图

 EasyUI 1

图 1.3

图中this.gridMatch方法正是概念了协作改变行的模子,this.saveClick中的第3行则是调用了读取改变行的数码。this.gridMatch方法应该在报表的对象和任性排序模型定义实现后再调用,不然会不能选择

 

1.2.3.    上下移动的事件绑定

snf.gridUpMove(self.freeSort);上移

snf. gridDownMove (self.freeSort);下移

snf. gridFirstMove (self.freeSort);最上

snf. gridLastMove (self.freeSort);最下

如图,图中checkInserted事件为校验行编辑是还是不是结束,如若flagDataBase=true则不要求此事件

 EasyUI 2

图 1.2

 

1.2.1.    定义自由排序模型

this.freeSort = new snf.freeSortOptionsModel();//自由排序模型

self.freeSort.set({

    grid: self.grid,

    NameSpace: “Tony.DEMO.Business”,

    TableName: “DemoSingleTable”,

    sortField: “SortCode”,

    flagDataBase: false

});

 

职分:此格局调用应在在 定义this.grid对象之后,不然会无法辨认

1.    自由排序功效使用

在一些内需排序优先级的数目开始展览调整处理,如民族数据,在北方实施的时候鲜卑族相比多,希望把土家族放在第二个人。在蒙古施行项目时,高山族人最多把土族放在第②选项位。

1.1.      效果展现

 EasyUI 3

图 1.1

 

1.2.      调用表明