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 开篇有益的更多相关文章

  1. [转]NHibernate之旅(1):开篇有益

    本节内容 NHibernate是什么 NHibernate的架构 NHibernate资源 欢迎加入NHibernate中文社区 作者注:2009-11-06已更新 NHibernate开篇有益 学习 ...

  2. Nhibernate学习教程(1)-- 开篇有益

    NHibernate之旅(1):开篇有益 本节内容 NHibernate是什么 NHibernate的架构 NHibernate资源 欢迎加入NHibernate中文社区 作者注:2009-11-06 ...

  3. 2019 年起如何开始学习 ABP 框架系列文章-开篇有益

    2019 年起如何开始学习 ABP 框架系列文章-开篇有益 [[TOC]] 本系列文章推荐阅读地址为:52ABP 开发文档 https://www.52abp.com/Wiki/52abp/lates ...

  4. 开篇有益-解析微软微服务架构eShopOnContainers(一)

    为了推广.Net Core,微软为我们提供了一个开源Demo-eShopOnContainers,这是一个使用Net Core框架开发的,跨平台(几乎涵盖了所有平台,windows.mac.linux ...

  5. 跟我学ASP.NET MVC之一:开篇有益

    摘要: ASP.NET MVC是微软的Web开发框架,结合了模型-视图-控制器(MVC)架构的有效性和整洁性,敏捷开发最前沿的思想和技术,以及现存的ASP.NET平台最好的部分.它是传统ASP.NET ...

  6. 开篇有益:为什么选择MongoDB?

    为啥用MongoDB? 赶NoSQL时髦? Auto-shard等激动人心的特性? •No! 08年,还都是浮云. 最初的想法是寻找一个可靠的分布式K/V解决MySQL的问题. NoSQL(NoSQL ...

  7. WPF基础到企业应用系列6——布局全接触

    本文转自:http://knightswarrior.blog.51cto.com/1792698/365351 一. 摘要 首先很高兴这个系列能得到大家的关注和支持,这段时间一直在研究Windows ...

  8. [你必须知道的.NET] 第八回:品味类型---值类型与引用类型(上)-内存有理

    原文地址:http://kb.cnblogs.com/page/42318/ 系列文章导航: [你必须知道的.NET] 开篇有益 [你必须知道的.NET] 第一回:恩怨情仇:is和as [你必须知道的 ...

  9. WPF 基础到企业应用系列索引

    转自:http://www.cnblogs.com/zenghongliang/archive/2010/07/09/1774141.html WPF 基础到企业应用系列索引 WPF 基础到企业应用系 ...

随机推荐

  1. ArcGIS处理栅格数据(一)

    一.建立影像金字塔 ArcToolbox--数据管理工具--栅格--栅格属性--构建金字塔(pyramid) 说明:该方式一次只能为一张影像数据建立影像金字塔. ArcToolbox--数据管理工具- ...

  2. 指纹采集器Live 20R

    最近有个项目需要使用指纹采集器Live 20R,买来这个小玩意后不知道怎么用,看了一些教程和自己摸索了一下,才初步掌握了用的方法. 环境: 硬件:联想 小新 操作系统:Win 10 IDE:VS201 ...

  3. js map & Number

    js map & Number const regionIds = `1,2,3`; // "1,2,3" regionIds.split(',').map(Number) ...

  4. ES6 Map to Array

    ES6 Map to Array function differentSymbolsNaive(str) { // write code here. const map = new Map(); co ...

  5. 开放式 Web 应用程序安全性项目 OWASP

    开放式 Web 应用程序安全性项目 OWASP Open Web Application Security Project (OWASP) OWASP 基金会是谁? Open Web Applicat ...

  6. CSS pseudo element All In One

    CSS pseudo element All In One CSS 伪元素 https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elemen ...

  7. 十三香 & 香料

    十三香 & 香料 十三香原料组成不完全一致, 但有一些香料却是大家都会采用的: 草蔻.砂仁.肉豆蔻.肉桂.丁香. 花椒.大料.小茴香.木香.白芷. 山萘.良姜和姜 王守义十三香 http:// ...

  8. TypeScript with React

    TypeScript with React # Make a new directory $ mkdir react-typescript # Change to this directory wit ...

  9. BPMN 2.0

    BPMN 2.0 Business Process Model and Notation 业务流程模型和符号 https://www.omg.org/spec/BPMN/2.0.2/ bpmn-js ...

  10. bye MVA

    bye MVA https://mva.microsoft.com/