主题:QUI框架V3.3版本正式发布!

这次V3.3是在V3.2基础上耗时半年完成。可以说完全达到了精品的程度:)

同时网站也改版了,访问地址仍然是:http://www.quickui.net

V3.3更新内容如下:

框架技术架构:

【新增】增加语言包模块,实现多语言功能;

【新增】两套新样式的组件库:现代风格组件库和扁平风格组件库;

【新增】中、大图标索引库;

【新增】表单元素数据源支持没有前缀的数据格式;

【新增】表单元素url获取数据时支持传递字符串,只要格式符合即可。内部会自动转为json对象。

 

框架主页:

【新增】增加参数可以控制初始时的字号,字体

【新增】支持左右拖拽改变菜单区域大小,可以设置可拖拽的最大和最小范围

【新增】增加currentMouseX和currentMouseY常量,可随时获得鼠标当前位置

【新增】customHeightSet改传两个参数,一个是页面可视高度,一个是页面宽度

【新增】滚动条变成细小型(chrome等webkit内核生效)

【新增】broswerVersion常量,获取浏览器版本

【新增】broswerFlag增加IE11的检测

 

Grid数据列表:

主题:QUI框架V3.3版本正式发布!_第1张图片
 

【修正】上移、下移行使用rowindex参数时报js错误

【新增】行点击事件

【新增】支持级联的JSON数据,格式如:"user":{"userid":12,"username":"张"}

【新增】表格可以自动滚动到特定的某行,方便检索定位

【新增】表格行支持自定义右键菜单功能

【新增】工具栏按钮可以全部靠右排列或者左右都有按钮

【新增】整行即时编辑下拉框联动,包括两种类型:1、不取后台值,而是进行一些计算,改变级联的下拉框;2、需要改变的值是从后台重新取。

【新增】单元格文本显示不全时鼠标移入可以提示

【新增】列宽支持百分比与数字混合,只要所有的百分比相加等于100%即可自适应屏幕宽度

【新增】可以隐藏切换数据条数的下拉框

【新增】初始时可以通过数据控制选中某些行

【新增】表格自定义样式

【新增】每一行可以增加一个跨列的附加行

【新增】excel模式,可以像操作excel那样操作表格

【新增】即时编辑的编辑器增加了自动提示框suggestion控件和组合下拉框selectCustom控件,这样很多控件都可以作为表格的编辑器使用,包括:过滤器、表格多选、树表格多选、表格单选、树表格单选、双向选择器、树形双选器

【新增】表格双选器,可分页、可批量勾选

【新增】单元格自定义详情信息提示

【新增】表格隐掉头部,变详细信息展示。支持即时编辑。

 

Grid树形模式:

 
主题:QUI框架V3.3版本正式发布!_第2张图片
 

【修正】初始时无法全部收缩的问题;

【新增】可以通过参数控制点击某行checkbox只选中该行还是选中所有的子节点行;

【新增】节点展开和收缩的事件

【新增】自定义节点图标

【新增】节点异步加载功能

【新增】树形表的即时编辑

 

Grid父子模式:

 
主题:QUI框架V3.3版本正式发布!_第3张图片
 

【新增】loadData()方法增加参数detailRemory ,当父子表重新loadData时,上次展开过的能够再次展开

【新增】可以通过参数设置展开一个子表时关闭其他子表

【新增】可以通过参数控制点击行展开子表还是点击小图标展开子表

【新增】刷新数据时可以只刷新子表

【新增】子表区域展开为自定义的内容

【新增】子表整行即时编辑

【新增】子表区域与自定义表单结合实现数据编辑

 

单选下拉框

 
主题:QUI框架V3.3版本正式发布!_第4张图片
 

【修正】联动时子下拉框要点击两下才展开

【新增】增加labelField和valueField,这样可以自定义数据项的key和value的名称

【新增】省市县三级联动示例

【新增】下拉框列表过长时,当选择了靠后的一项,下次展开会滚动到当前所选项

 

弹窗

 
主题:QUI框架V3.3版本正式发布!_第5张图片
 

【修正】自动关闭模式下如果手动关闭JS报错

【新增】可以通过参数控制弹出是否隐藏父页面的滚动条

【新增】当使用任务栏管理时可以控制任务栏的位置

 

同步上传控件

 

 

【修正】IE10中件选择文件后控件消失

【新增】可以用默认的提示方式显示文件名,而不使用框架的提示特效。以免和验证时的提示重叠

 

树形下拉框

 
主题:QUI框架V3.3版本正式发布!_第6张图片
 

【修正】选中后无法恢复成请选择

 

双向选择器与树形双选器

【新增】选择项后会有飘动的小动画

 

 

动态选项卡

 
主题:QUI框架V3.3版本正式发布!_第7张图片
 

【修正】activate()方法,可以在初始化时选中任意标签

【新增】tab上加右键,可以刷新本标签页,关闭其他标签页,关闭所有标签页

【新增】选项卡关闭事件,关闭其他标签页事件,关闭所有标签页事件

 

表单验证

 
主题:QUI框架V3.3版本正式发布!_第8张图片
 

【修正】ajax验证唯一性

【新增】可以在不改变规则文件validationRule.js的前提下在页面添加函数实现自定义验证

【新增】可以设置不允许输入的内容

【新增】验证时直接在页面上显示提示

【新增】上传控件验证文件格式

【新增】密码验证增加强度检测

【新增】自动提示框验证

 

 

基本选项卡

 
主题:QUI框架V3.3版本正式发布!_第9张图片
 

【新增】标签过多可以出现左右箭头滚动切换

【新增】标签上可增加自定义的图标

【新增】通过参数设置初始时可以不选中任何一项

 

文本框

 

 

【新增】通过参数可关闭密码框自动检测大写键功能

【新增】键盘回车事件

 

真实进度条

 

 

【新增】进度条样式优化

 

浮动面板组件

 
主题:QUI框架V3.3版本正式发布!_第10张图片
 

【新增】关闭按钮,可关闭该面板

 

 

拖拽特效

 
主题:QUI框架V3.3版本正式发布!_第11张图片
 

全面改进的拖拽移动、拖拽改变尺寸、拖放与接收、拖拽排序功能。

 

 

新增组件

提示组件tip

 

 

可任意定位 可自定义箭头方向,可关闭 还可以放置简单表单

 

纵向滑动导航和横向滑动导航模板

 
主题:QUI框架V3.3版本正式发布!_第12张图片
 

 

流程选项卡

 

 

用于展示有流程顺序的操作内容。

 

layout布局组件

 
主题:QUI框架V3.3版本正式发布!_第13张图片
 

可收缩、可拖拽改变尺寸的布局组件。

 

此外还新增大量的个性皮肤,具体请查看网站个性皮肤栏目。

 

提示:QUI框架是一款商业框架,主要面向的客户是公司。所以对个人而言,售价不菲。

不过最近官方推出活动,有机会免费获得正式版。感兴趣的可以访问官网:

http://www.quickui.net


你可能感兴趣的:(HTML5)