[Tapestry Component] JQGrid (final) JQTree 컴포넌트화

*달력을 좀 사야할듯. 바이오 리듬 좀 읽어보게.

----------------------------------------------------------------------------

1) hiddens, type(date), type(select/checkbox/textarea)

- Datepicker init 함수 설정.

- editoption (걍넘겨버리기) , formatter도 일단 패스

• editoptions:{
•    size:12,
•    dataInit:function(el){
•               $(el).datepicker({dateFormat:'yy-mm-dd'}); //Datepicker 연동
•    },
•   defaultValue: function(){
•                var currentTime = new Date();
•                var month = parseInt(currentTime.getMonth() + 1);
•                month = month <= 9 ? "0"+month : month;
•                var day = currentTime.getDate();
•                day = day <= 9 ? "0"+day : day;
•                var year = currentTime.getFullYear();
•                return year+"-"+month + "-"+day;
•    }
• }

2) validation(editrules)

 

3) grouping , frozen ..

*insert/update/delete 로직 검증.

insert/update –> editurl로 넘어가되, oper라는 것을 통해 구분 –> add

 

*추후에 차라리 colModel에 관한 내용을 하나로 받는것은 어떨지 생각해보기.

*현재는 widths, labels 다 나눠놨지만, 하나로.(colModelOptions)

*Datepicker –> JQueryUI , Bootstrap 충돌 이슈.

 

----------------------------------------------------------------------------

[JqTree]

1) data

: 다양한 기능을 지원하는 net.sf.json.JSONArray

: Tapestry에서 return해야하는 JSON(org.apache.tapestry5.json.)

 

$('#tree1').tree({
            data: data,
            autoOpen: true,
            dragAndDrop: true,
            onCreateLi: function(node, $li) {
                // Add 'icon' span before title
                console.log(node);
                var icons = node.icons;
                if(icons){
                    $li.find('.jqtree-title').before('<span class="jqtree-icon"><img src="http://192.168.222.7:9999/station/images/ko/default/tree/folderOpen.gif"/></span>');
                    var $iconImage = $li.find('.jqtree-icon img');
                    $iconImage.on('click',function(){
                        $('#tree1').tree('toggle',node);
                    });
                }
            },
            openedIcon:'+',
            closedIcon:'-'
           
        });
       
        $('#tree1').bind(
            'tree.contextmenu',
            function(event) {
                // The clicked node is 'event.node'
                var node = event.node;
                alert(node.name);
            }
        );
        $("#jsonValue").val(JSON.stringify(data));