ElementUI_treeGrid

ElementUI_treeGrid

element-ui 라이브러리가 있는 treeGrid 구성 요소

설치

    npm i elementui_treegrid

예

    < template >
        < tree-grid : columns = "columns"
                   :items = "items"
                   : expandAll = "true"
                   @ on - row - click = "click"
                   @ on - selection - change = "select"
        / >
    </ template >
    < script >
        import treeGrid from '../src/treeGrid';

        export default {
            data ( ) {
                return {
                    columns : [ {
                        type : 'selection' ,
                        width : '50' ,
                        align : 'center'
                    } , {
                        title : '编码' ,
                        key : 'code' ,
                        sortable : true ,
                        width : '150' ,
                    } , {
                        title : '名称' ,
                        key : 'name' ,
                        width : '150' ,
                    } , {
                        title : '类型' ,
                        key : 'type' ,
                        width : '150' ,

                    } , {
                        title : '描述' ,
                        key : 'description' ,
                        width : '150' ,
                    } ] ,
                    items : [ {
                        code : '1' ,
                        name : 'name1' ,
                        type : 'type1' ,
                        description : 'description' ,
                        id : 1 ,
                        children : [ {
                            code : '1' ,
                            name : 'name1' ,
                            type : 'type1' ,
                            description : 'description' ,
                            id : 11 ,
                        } , {
                            code : '1' ,
                            name : 'name1' ,
                            type : 'type1' ,
                            description : 'description' ,
                            id : 12
                        } , {
                            code : '1' ,
                            name : 'name1' ,
                            type : 'type1' ,
                            description : 'description' ,
                            id : 13
                        } ]
                    } , {
                        code : '1' ,
                        name : 'name1' ,
                        type : 'type1' ,
                        description : 'description' ,
                        id : 2
                    } , {
                        code : '1' ,
                        name : 'name1' ,
                        type : 'type1' ,
                        description : 'description' ,
                        id : 3
                    } , {
                        code : '1' ,
                        name : 'name1' ,
                        type : 'type1' ,
                        description : 'description' ,
                        id : 4
                    } ]
                }
            } ,
            methods : {
                click ( result , event , index , text ) {
                    console . log ( result , event , index , text )
                } ,
                select ( items ) {
                    console . log ( items )
                }
            } ,
            components : {
                treeGrid
            }
        }
    < / script>

기부금

버그를 발견했거나 코드 또는 문서에 기여하고 싶다면 이슈나 [https://github.com/jiereal/ElementUI_treeGrid/pulls)를 제출하여 도움을 줄 수 있습니다.

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE.md 파일을 참조하세요.