Class: AXContextMenuClass

AXContextMenuClass

new AXContextMenuClass()

AXContextMenuClass

Version:
  • v1.28
Author:
  • tom@axisj.com, axisj.com

Extends

Methods

staticAXContextMenuClass.bind(obj){AXContextMenuClass}

컨텍스트메뉴를 선언하여 컨텍스트메뉴를 사용준비합니다. bind한 컨텍스트메뉴는 id로 open 할 수 있습니다.

Name Type Description
obj Object

컨텍스트메뉴 속성

Example
 AXContextMenu.bind({
        id:"myContextMenu",
        theme:"AXContextMenu", // 선택항목
        width:"150", // 선택항목
        checkbox:"checkbox", // [checkbox|radio]
        sortbox:true,
        menu:[
            {
                label:'선택 1',
                checked:true,
                className: 'doc | docline | plus | minus | group | edit | copy | cut | paste | up | down | left | right | link | unlink | openall | closeall'
                onclick:function(){
                    return false;
                }
            },
            {label:'선택 2', checked:true,
                subMenu:[
                    {label:"하위메뉴1"},
                    {label:"하위메뉴2",
                        subMenu:[
                            {label:"하위메뉴21"},
                            {label:"하위메뉴22"}
                        ]
                    },
                    {label:"하위메뉴3"},
                    {label:"하위메뉴3"},
                    {label:"하위메뉴3"}
                ]
            },
            {label:'선택 3', checked:true},
            {label:'선택 4', checked:false, sort:"asc"} // config 에 checkbox 가 있는데. menu에 onclick 가 없으면 체크박스 액션이 작동합니다.
        ],
        onchange: function(){ // 체크박스 선택값이 변경 된 경우 호출 됩니다.
            trace(this.menu);

            // return true; 메뉴 창이 닫히지 않게 합니다.
        },
        onsort: function(){ // 정렬이 변경 된 경우 호출 됩니다.
            trace(this.sortMenu);

            // return true; 메뉴 창이 닫히지 않게 합니다.
        }
    });

staticAXContextMenuClass.bindSetConfig(objID, configs)

contextmenu 오브젝트에 속성을 변경합니다.

Name Type Description
objID String

object ID

configs Object

contentMenu config

Example
 AXContextMenu.bindSetConfig("contenxt01", {});

staticAXContextMenuClass.close(obj){AXContextMenuClass}

열린 컨텍스트메뉴 개체를 닫습니다.

Name Type Description
obj Object
Example
AXContextMenu.close({
    id:"myContextMenuTree"
});

staticAXContextMenuClass.open(myobj, position){AXContextMenuClass}

bind된 컨텍스트메뉴 개체를 오픈합니다. (이벤트속성에 정해진 마우스 포지션또는 사용자가 정한 left, top 포지션에)

Name Type Description
myobj Object
position Event | Object

이벤트 객체를 전달하거나 {left:[Number], top:[Number]} 를 전달합니다.

Example
AXContextMenu.open({
    id:"myContextMenuTree", sendObj:{id:"전달하고싶은 오브젝트", name:"형식은 자유"}
}, event); // event 직접 연결 방식

AXContextMenu.open({
    id:"myContextMenuTree", sendObj:{id:"전달하고싶은 오브젝트", name:"형식은 자유"}
}, {left:0, top:0}); // position 직접 결정 방식

staticAXContextMenuClass.setConfig(configs)

선언된 클래스를 사용하기 위해 속성을 정의합니다.

Name Type Description
configs Object
Example
 var AXContextMenu = new AXContextMenuClass();
 AXContextMenu.setConfig({});