Grails显示树形结构(2)

2.树形结构的前端显示
实现这一目标采用jsTree控件,一个jQuery的插件,下载地址:http://www.jstree.com/
Grails网站所推荐的插件方式没有成功
下载jsTree
将所需的css文件放到\grails-app\assets\stylesheets\目录下;
js文件放到\grails-app\assets\javascripts\目录下。
在gsp文件的Head段内增加如下内容
    <!--Include a jsTree theme-->
    <asset:stylesheet href="themes/default/style.min.css"/>
    <!--Include jQuery,由于Grails自己有jQuery的内容,所以这一步可以省略-->
    <!--Include jsTree-->
    <asset:javascript src="jstree.min.js"/>
        <!--实现树形结构-->
    <script type = "text/javascript" >
        $(function () { $('#tree').jstree(); });       
    </script>

显示树形结构的最后一步是这样的:
<g:treeView item="${systemMenuInstance}"></g:treeView>

这里调用的是一个自己写的标签

class MenuTagLib {
    //static defaultEncodeAs = 'html'
    //static encodeAsForTags = [tagName: 'raw']
   
    def treeView = {attrs, body->
        def SystemMenu item = attrs['item']
        out << "<div id=\"tree\">"
        out << item.treeView()
        out << "</div>"
    }
   
}

你可能感兴趣的:(jquery,grails)