[发明专利]一种基于Extjs的动作栏自定义方法及系统

说明书

本发明提出了一种基于Extjs的动作栏自定义方法及系统，涉及动作栏设计领域。一种基于Extjs的动作栏自定义方法，其包括如下步骤设计自定义动作栏；定义需要返回的自定义html标签内容形式，并从css库中选择或者在ux‑css文件中定义css样式内容；进入构造方法后进入render渲染方法，判断自定义的html标签是否合规，包括以下两种情况：1)若合规，则绑定css样式，并渲染到前端页面中；2)若不合规，则判断具体的原因，然后在控制台报错给设计者，并在前端页面返回缺省值。本发明能够提高动作栏样式的多样化，灵活创建组件并设置想要展示的自定义文字，更好的维护使用者的体验感。

技术领域

本发明涉及动作栏设计领域，具体而言，涉及一种基于Extjs的动作栏自定义方法及系统。

背景技术

1995年Netscape公司发明JavaScript语言，JavaScript是一种浏览器内置的脚本语言，用于对页面元素编程产生各种效果。对象是JavaScript中的一个语法元素，每个对象由一系列键值对组成，如{key1：value1，key2：value2}。自JavaScript语言应用到浏览器以来，浏览器的功能得到了空前的增强，web页面内容变得越来越多，功能越来越复杂；与此同时，JavaScript语言也得到了极大的发展，并且为了解决web页面内容复杂导致开发进度缓慢的问题，围绕JavaScript语言涌现出了许多提高生产力的框架，Extjs就是其中一款使用简单，功能完备的优秀框架。

前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题(包括产品、设计、后端、甚至看不见的问题)的表现形式，都会暴露在前端，而只有部分问题(数据问题、计算问题、安全问题等)暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。前端技术的更新日新月异；前端框架的技术选型百家争鸣；视觉审美的潮流不断更替；可视化效果酷炫无比；用户的运营体系逐渐精细化；适老化、无障碍化；智能设备的升级和适配无穷无尽。所有的这一切，对前端领域就一个要求：要注重用户的体验感。

Extjs框架与目前的主流前端框架Vue对比，Ext的前端组件样式就逊色了很多，Ext的组件样式采用的是主题模式，这样显得整个页面十分的单调，且固化的组件使用让扩展变得十分的困难。对于一个直接面向用户的前端设计而言，无疑是致命的打击。例如目前Ext对列操作的动作栏只能使用图片的形式，对大多数场景而言，图片并不能很好表达出这个操作具体要干什么，需要鼠标悬浮在图片上才能显示出操作的文字信息(例如删除、修改)，直接影响到了用户的体验感。而目前需要设计出来的自定义动作栏可以解决Ext动作栏存在的缺陷，让设计者可以做出自己想要的效果，更好的维护使用者的体验感。

发明内容

为了解决上述技术问题，本发明提供了如下的技术方案：

本发明的目的之一在于提供一种基于Extjs的动作栏自定义方法，其基于Ext类装载、设计的机制设计Ext自定义的动作栏，能够提高动作栏样式的多样化，灵活创建组件并设置想要展示的自定义文字，更好的维护使用者的体验感。

本发明的目的之一在于提供一种基于Extjs的动作栏自定义系统，其基于Ext类装载、设计的机制设计Ext自定义的动作栏，能够提高动作栏样式的多样化，灵活创建组件并设置想要展示的自定义文字，更好的维护使用者的体验感。

本发明的实施例是这样实现的：

第一方面，本申请实施例提供一种基于Extjs的动作栏自定义方法，其包括如下步骤，S1、设计自定义动作栏；S2、定义需要返回的自定义html标签内容形式，并从css库中选择或者在ux-css文件中定义css样式内容；S3、进入构造方法后进入render渲染方法，判断自定义的html标签是否合规，包括以下两种情况：1)若合规，则绑定css样式，并渲染到前端页面中；2)若不合规，则判断具体的原因，然后在控制台报错给设计者，并在前端页面返回缺省值。