GrailsUIGrails的YUI扩展

联合创作 · 2023-09-28 08:49

GrailsUI 是一个基于 Grails 框架的用于收集有用的内置JavaScript工具,使用Yahoo! UI库(2.6.0版本),使之更方便的进行Web页面UI的开发。

GrailsUI 建立在三个主要的概念上,GrailsUI的主要灵感来自于现存UI插件所缺少的部分。

配置传递

所有的属性传递进入GrailsUI的标签,GrailsUI没有完全确认和通过tag库标识,而是传递到后台的YUI对象作为配置选项。因此,如果你知道你所作的事情,你能获得在widget中进行任何客户配置的好处,不需要担心GUI是否处理正确。从字面上说,所有你的配置属性都将传送给YUI配置对象。不用担心,你可以使用GrailsUI插件不用关心你正在使用这个功能。

组件可访问性

任何组成部分在整个访问的网页直接的访问YUI对象是很容易的,通过引用GRAILSUI命名空间和ID 。这意味着,如果您创造了一个dataTable ,你可以很容易的在JavaScript中通过GRAILSUI命名空间:GRAILSUI.myDataTable 来引用。
这可以让您在您的网页中创建一个自定义的事件来处理图形用户界面工具。
一些字符串的有效性,在使用HTML元素ID无效时,转变为JavaScript的变量名。例如,字符串“myElement:3”是合法的,因 为它是一个HTML元素的属性,但是你却无法使用这个字符串作为一个JavaScript的变量名。在这个例子中,ID传递给GUI标记转化为一个 JavaScript友好的字符串使用。这将所有不好的字符的ID变为加“_”底线的字符。例如: 变为 GRAILSUI.editor_4 。


易于依赖映射

GrailsUI提供了资源标记,其中您可以定义页面的组件。所有您需要做的就是列举出组件,他会照顾所有的CSS和JavaScript的依赖关系,没有冗余。



这将会为您提供依赖关系,这样您就可以将其使用任何指定的组件内。

安装方法:

grails install-plugin yui
grails install-plugin bubbling
grails install-plugin grails-ui

下面是一些用 GrailsUI实现的页面效果图:




浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报