ZUI 前端框架发布 1.8 版本,新增多个JS组件

转贴
2018-01-08 09:01:50
薛才杰
2881
来源:
易软天创
摘要:ZUI 1.8 版本带来了多个新的 JS 组件,包括全新的数据表格2、标签页管理器、上下文菜单、搜索框、输入框和分页器。

zui前端框架是易软天创团队在完善自己产品过程中形成的一个开源前端实践方案,帮助你快速构建简洁大方的现代跨屏web应用。zui简单易用,采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持。zui轻快独立稳定,最大限度的不依赖于外部组件。


ZUI 1.8 版本带来了多个新的 JS 组件,包括全新的数据表格2、标签页管理器、上下文菜单、搜索框、输入框和分页器。

详细内容访问: http://zui.sexy

新功能预览

数据表格2

datagrid

数据表格2支持自定义数据源(包括远程数据),提供行列固定、排序、分页、搜索、行选择、自适应、跨行跨列单元格等重量级功能,并且使用灵活方便定制(旧版本数据表格将不再继续支持,将于 1.9 中淘汰)。

标签页管理器

tabs

标签页管理器最大化增强了标签页控件功能,现在可以使用标签页动态加载内容,甚至是远程页码,还可以手动打开、关闭标签页,就像使用浏览器标签页一样方便。

上下文菜单

contextmenu

上下文菜单允许你在任意位置弹出浮动在鼠标光标附近的菜单,非常方便的监听鼠标右键并屏蔽系统行为从而定制自己的右键菜单。

分页器

pager

分页器提供完全自动化的分页界面控件管理,只需要给定当前页码和条目数目即可。

搜索框

search

搜索框提供了常用的搜索输入框+按钮的组合界面,并且提供一个延迟触发事件用于监听搜索框文本变更事件,使用搜索框可以非常方便的定制现代话搜索交互功能。

输入框

2018-01-04 5 03 08

输入框创建了一种将标签和图标内置到输入框的现代化形式,创建更美观的表单界面。

更新明细

  • 新增 数据表格2
  • 新增 标签页管理器
  • 新增 上下文菜单
  • 新增 分页器
  • 新增 搜索框
  • 新增 输入框
  • 工具提示:
    • 修复 触发的事件名称;
  • 图标:
    • 优化 了 icon-check-plus 和 icon-check-minus 图标,现在看起来更大些;
    • 修复 图标旋转辅助类在 IE8 中实现的问题;
  • 输入组:
    • 修复 .fix-padding 在 IE8 上失效的问题;
  • 文件上传:
    • 优化 对服务器返回值对支持,当服务器返回字段中包含 name 属性时会自动更新界面上的文件名;
    • 优化 对上传完毕的消息显示,现在会合并多个消息;
    • 优化 对静态文件(staticFiles)对支持,现在在提示信息中会计算静态文件的个数和大小;
    • 修复 renameActionOnDone 回调函数执行参数 doRenameFile 方法无效的问题;
    • 修复 在上传完毕返回的错误消息没有显示的问题;
    • 修复 七牛上传无法使用的问题;
    • 修复 文件上传按钮在 IE10 以下的浏览器无法点击的问题;
  • 图表:
    • 修复 曲线图调用 addData() 方法后当显示鼠标悬停标签出错的问题;
  • Chosen:
    • 优化 搜索策略,现在会搜索上的 value 属性;
    • 优化 当 drop_direction 选项设置为 'auto' 时,现在弹出方向不会随着条目数目变动;
    • 修复 当用户点击一个允许用户滚动对容器内的 chosen 时自动更改父级元素滚动位置的问题;
  • 模态框:
    • 优化 moveable 选项,当设置为 'inside' 时不会允许用户将模态框移动到窗口可视区域之外;
  • 模态框触发器:
    • 修复 className 选项失效的问题;
    • 修复 有时当用户点击链接触发执行文本中的 JavaScript 代码的问题;
    • 修复 broken 事件中返回的错误文本内容没有显示的问题;
  • 拖放:
    • 优化 对拖放决策对支持,增加 canMoveHere 选项;
    • 优化 move 选项,现在可以使用一个回调函数来执行移动操作;
  • 拖放排序:
    • 优化 拖放初始化选项,增加对 lazy、canMoveHere、nested 选项对支持;
    • 修复 start 事件中获取不到事件参数 event 的问题;
    • 修复 destroy 无效的问题;
    • 修复 新增加的条目无法排序的问题;
  • 树形菜单:
    • 优化 了图标,现在看起来图标更大些;
  • 组织结构图:
    • 修复 有时连接线绘制不正确的问题;
    • 优化 图标的默认颜色;
    • 优化 节点对象结构,支持 foldable 属性来设置是否可以折叠该节点;
  • 日历:
    • 优化 了拖放到日期时界面响应拖放事件的区域,现在拖放到日期单元格上任意位置即可;
    • 优化 对 dragThenDrop 选项的支持,现在可以使用一个对象来初始化拖放插件;
    • 优化 对界面上周末的支持,使用 hideEmptyWeekends 选项可以折叠周末所在列;
  • 漂浮消息:
    • 修复 了 contentClass 选项失效的问题;
  • 表单:
    • 修复 在 Android 上复选框和单选框位置问题;
  • 设备检测辅助类:
    • 增加 对操作系统的检测功能,在会自动添加 os-win 或 os-mac 等辅助类用于为不同的操作系统应用样式;
  • 主题:
    • 增加 对开关、树形菜单等组件的支持,优化了主题中按钮按下时的外观;
  • 其他:
    • 移除了 svg 标签 max-width 样式设定,避免在一些地图控件中造成冲突。

Downloads

发表评论
评论通过审核后显示。