Namespace: AXPopOver

AXPopOver

AXPopOver 오브젝트는 AXPopOverClass 를 이용하여 AXJ에서 미리 선언한 인스턴스입니다.
AXPopOver 같이 사용할 때마다 new를 하지 않고 사용되는 UI들은 AXJ에서 미리 선언해두고 있습니다.

Methods

staticAXPopOver.bind(obj){AXPopOver}

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

Name Type Description
obj Object

컨텍스트메뉴 속성

Example
 AXPopOver.bind({
    id:"myPopOver",
    theme:"AXPopOver", // 선택항목
    width:"200", // 선택항목
    menu:[
        {userType:0, label:"Friends", className:"groupName"},
        {userType:0, label:"Invite friends", className:"", onclick:function(){}},
        {userType:0, label:"Find friends", className:"", onclick:function(){}},
        {userType:0, label:"Photo", className:"groupName"},
        {userType:0, label:"Cut", className:"", onclick:function(){}},
        {userType:0, label:"Roll", className:"", onclick:function(){}},
        {userType:0, label:"Equipment", className:"groupName"},
        {userType:0, label:"Setting", className:""},
        {userType:0, label:"Screen", className:"", onclick:function(){}},
        {userType:0, label:"Securities", className:"groupName"},
        {userType:0, label:"Account", className:"", onclick:function(){}},
        {userType:0, label:"Logout", className:"", onclick:function(){}},
    ]
});

 $("#popoverBtn1").bind("mouseover", function(){
    var pos = $(this).offset();
    AXPopOver.open({
        id:"myPopOver", sendObj:{id:"전달하고싶은 오브젝트", name:"형식은 자유"}},
        {left:pos.left-60, top:pos.top+30}
    );
});

staticAXPopOver.bindSetConfig(objID, configs)

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

Name Type Description
objID String

object ID

configs Object

contentMenu config

Example
 AXPopOver.bindSetConfig("popover01", {});

staticAXPopOver.close(obj){AXPopOver}

열린 팝오버 개체를 닫습니다.

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

staticAXPopOver.open(myobj, position){AXPopOver}

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

Name Type Description
myobj Object
position Event | Object

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

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

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