slickgrid ( nsunleo-slickgrid ) 1 开篇有益
slickgrid (nsunleo-slickgrid) 1 开篇有益
作为专职的程序猿,自认为是老菜鸟或老民工,以前一直在某浪上写博客,上知天文,下达地理。做了N年的.net,又转Java,从今年开始,着手进入前端世界,所以在博客园的第一篇随笔准备献给最近在玩的slickgrid ,自己在gitee上创建了个仓库,准备长期维护下去。
slickgrid不是一个新东西了,之所以选择维护这个组件,是因为在实际工作中,被表格控件坑的太惨了,大家常用的表格控件很多,但是虚拟化的不多,特别对树的支持,不是虚拟化(table实现的不行,如vue 的vuex ,jquery的datatables等)即使虚拟化了,也不能支持包含冻结的大批量数据(数据量不是很大,只要超过500条)基本都很难胜任,在加上需要动态的过滤、显示隐藏列、折叠列、多表头、区域选择等操作,胜任的表格就太少了。找到过ag-grid,不过那是个富人家的产品,有点贵,害怕后续涨价,曾策不让用,客户不让用等诸多因素,于是在假期(春节)开始着手寻找一个好点的,能过方便后续扩展的表格,最终选择了slickgird(目前没有支持的vue版本,还是jquery的组件,后续技术成熟了,翻译一板,也想将组件做好,借助开源的大军维护,取之于开源,回报开源)。
slickgrid功能比较全的和符合的(需要冻结列)的,只有分支上有支持,于是下载了分支版本,发现分支版本中有不少BUG,而且需要的特性也不多,因此最近提交了很多代码,用于支持。
后续会修复问题和支持新功能。
、
目前在执行中的项包括:
- 权限控制
- 编辑与行选择冲突√
- 分组表头存在BUG
- 全选√
- 导出EXCEL非Text类型的存在问题
- 通过属性值定位功能没有完成
- 排序功能没有验证
- 结合bootStrap样式没有实现
- 表格列下拉菜单
- 增加行
- 删除行
- 修改状态
- 选择框与区域选择冲突---注册顺序需要注意,最后注册区域选择√
- 表头菜单-展开不能自适应位置的问题√
- ctrl+a 全选
- ctrl+z 取消全选
- 顶部 设置信息
- 各种表格内部控件
- LongText 加载z-index的问题【可以批量编辑】
- 滚动到 定位的数据行不正确、data不是数据源中的父子关系数据√
- 展开第几层
- 表格下拉控件样式√
- 权限控制
- 立即编辑
- *** 目前编辑、选择、全选存在冲突的逻辑
- 冻结列和锁定和锁定区域必须先等,即分组不能跨冻结列
- 带有[D]标识状态删除的不能编辑
- 增加子与删除子 设计中。
- 解决最后一列列头菜单显示不全的问题
- 自动排序编号列去掉表头
- 解决和定位冻结列选择问题,原不能跨冻结列选择
后续会在项目和博客园两个地方同时更新最近的功能和实现逻辑。
来张效果图:
挖井人:
https://github.com/mleibman/SlickGrid
https://github.com/6pac/SlickGrid/
slickgrid ( nsunleo-slickgrid ) 1 开篇有益的更多相关文章
- [转]NHibernate之旅(1):开篇有益
本节内容 NHibernate是什么 NHibernate的架构 NHibernate资源 欢迎加入NHibernate中文社区 作者注:2009-11-06已更新 NHibernate开篇有益 学习 ...
- Nhibernate学习教程(1)-- 开篇有益
NHibernate之旅(1):开篇有益 本节内容 NHibernate是什么 NHibernate的架构 NHibernate资源 欢迎加入NHibernate中文社区 作者注:2009-11-06 ...
- 2019 年起如何开始学习 ABP 框架系列文章-开篇有益
2019 年起如何开始学习 ABP 框架系列文章-开篇有益 [[TOC]] 本系列文章推荐阅读地址为:52ABP 开发文档 https://www.52abp.com/Wiki/52abp/lates ...
- 开篇有益-解析微软微服务架构eShopOnContainers(一)
为了推广.Net Core,微软为我们提供了一个开源Demo-eShopOnContainers,这是一个使用Net Core框架开发的,跨平台(几乎涵盖了所有平台,windows.mac.linux ...
- 跟我学ASP.NET MVC之一:开篇有益
摘要: ASP.NET MVC是微软的Web开发框架,结合了模型-视图-控制器(MVC)架构的有效性和整洁性,敏捷开发最前沿的思想和技术,以及现存的ASP.NET平台最好的部分.它是传统ASP.NET ...
- 开篇有益:为什么选择MongoDB?
为啥用MongoDB? 赶NoSQL时髦? Auto-shard等激动人心的特性? •No! 08年,还都是浮云. 最初的想法是寻找一个可靠的分布式K/V解决MySQL的问题. NoSQL(NoSQL ...
- WPF基础到企业应用系列6——布局全接触
本文转自:http://knightswarrior.blog.51cto.com/1792698/365351 一. 摘要 首先很高兴这个系列能得到大家的关注和支持,这段时间一直在研究Windows ...
- [你必须知道的.NET] 第八回:品味类型---值类型与引用类型(上)-内存有理
原文地址:http://kb.cnblogs.com/page/42318/ 系列文章导航: [你必须知道的.NET] 开篇有益 [你必须知道的.NET] 第一回:恩怨情仇:is和as [你必须知道的 ...
- WPF 基础到企业应用系列索引
转自:http://www.cnblogs.com/zenghongliang/archive/2010/07/09/1774141.html WPF 基础到企业应用系列索引 WPF 基础到企业应用系 ...
随机推荐
- ArcGIS处理栅格数据(一)
一.建立影像金字塔 ArcToolbox--数据管理工具--栅格--栅格属性--构建金字塔(pyramid) 说明:该方式一次只能为一张影像数据建立影像金字塔. ArcToolbox--数据管理工具- ...
- 指纹采集器Live 20R
最近有个项目需要使用指纹采集器Live 20R,买来这个小玩意后不知道怎么用,看了一些教程和自己摸索了一下,才初步掌握了用的方法. 环境: 硬件:联想 小新 操作系统:Win 10 IDE:VS201 ...
- js map & Number
js map & Number const regionIds = `1,2,3`; // "1,2,3" regionIds.split(',').map(Number) ...
- ES6 Map to Array
ES6 Map to Array function differentSymbolsNaive(str) { // write code here. const map = new Map(); co ...
- 开放式 Web 应用程序安全性项目 OWASP
开放式 Web 应用程序安全性项目 OWASP Open Web Application Security Project (OWASP) OWASP 基金会是谁? Open Web Applicat ...
- CSS pseudo element All In One
CSS pseudo element All In One CSS 伪元素 https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elemen ...
- 十三香 & 香料
十三香 & 香料 十三香原料组成不完全一致, 但有一些香料却是大家都会采用的: 草蔻.砂仁.肉豆蔻.肉桂.丁香. 花椒.大料.小茴香.木香.白芷. 山萘.良姜和姜 王守义十三香 http:// ...
- TypeScript with React
TypeScript with React # Make a new directory $ mkdir react-typescript # Change to this directory wit ...
- BPMN 2.0
BPMN 2.0 Business Process Model and Notation 业务流程模型和符号 https://www.omg.org/spec/BPMN/2.0.2/ bpmn-js ...
- bye MVA
bye MVA https://mva.microsoft.com/