API.md

Classes

ax5binder

Functions

childRemove(dataPath, index, child_path, child_index)

ax5binder.childRemove

ax5binder

Kind: global class
Author: [email protected]

• ax5binder
  • .setModel(model, [view_target]) ⇒ ax5binder
  • .set(dataPath, value) ⇒ ax5binder
  • .get(dataPath) ⇒ *
  • .onChange(dataPath, callback) ⇒ ax5binder
  • .onClick(dataPath, callback) ⇒ ax5binder
  • .add(dataPath, item) ⇒ ax5binder
  • .remove(dataPath, index) ⇒ ax5binder
  • .update(dataPath, index, item) ⇒ ax5binder
  • .childAdd(dataPath, index, child_path, child_item)
  • .childUpdate(dataPath, index, child_path, child_index, child_item)
  • .childSet(dataPath, index, child_path, value) ⇒ ax5binder
  • .onUpdate(dataPath, callback) ⇒ ax5binder
  • .focus(dataPath) ⇒ ax5binder
  • .validate() ⇒ *

ax5binder.setModel(model, [view_target]) ⇒ ax5binder

바인딩할 자바스크립트 오브젝트로 제이쿼리로 검색된 HTML dom 엘리먼트 에 바인딩합니다. 바인딩된 모델을 반환합니다.

Kind: static method of ax5binder

Param	Type
model	Object
[view_target]	jQueryObject

Example

var myModel = new ax5.ui.binder();
myModel.setModel({}, $("#..."));

ax5binder.set(dataPath, value) ⇒ ax5binder

data_path에 값을 변경한다. value의 타입은 (String, Number, Array, Object)를 지원.

Kind: static method of ax5binder

Param	Type
dataPath	String
value	Object

Example

myModel.set("name", "Seowoo");
myModel.set("obj.path", {a:1});

ax5binder.get(dataPath) ⇒ *

data_path에 값을 반환한다. data_path 가 없으면 전체 Object를 반환한다.

Kind: static method of ax5binder

Param
dataPath

ax5binder.onChange(dataPath, callback) ⇒ ax5binder

data_path에 값이 변경되는 이벤트 발생하면 callback을 실행합니다.

Kind: static method of ax5binder

Param
dataPath
callback

Example

myModel.onChange("name", function () {
      console.log(this);
      // el: domElement - 변경이 발생한 엘리먼트, 엘리먼트로 부터 다양한 속성을 추출할 수 있다.
      // jquery : jQueryObject
      // tagname: "input"
      // value: "changed value"
      console.log(this.el.id);
  });
  myModel.onChange("*", function (n) {
      console.log(n);
      // console.log(this); 와 동일
  });

ax5binder.onClick(dataPath, callback) ⇒ ax5binder

data-ax-repeat="list" 속성이 부여된 엘리먼트 하위에 태그중에 data-ax-repeat-click 속성을 가진 아이템에 대해 클릭 이벤트 발생하면 callback을 실행합니다.

Kind: static method of ax5binder

Param
dataPath
callback

Example

myModel.onclick("list", function () {
      console.log(this);
      // el: domElement
      // jquery: jQueryObject
      // item: Object - repeat item
      // item_index: "0" - index of item
      // item_path: "list[0]" - repeat data_path
      // repeat_path: "list"
      // tagname: "button"
      // value: "add"
  });

ax5binder.add(dataPath, item) ⇒ ax5binder

data-ax-repeat="list" 하위아이템을 추가합니다.

Kind: static method of ax5binder

Param
dataPath
item

Example

myModel.add("list", {a:1});

ax5binder.remove(dataPath, index) ⇒ ax5binder

data-ax-repeat="list" 하위 아이템을 제거합니다. 단! 이 때 ADDED 값을 가진 아이템은 제거하고 그렇지 않은 아이템은 DELETED 값을 아이템에 추가합니다.

Kind: static method of ax5binder

Param
dataPath
index

Example

myModel.remove("list", 0);

ax5binder.update(dataPath, index, item) ⇒ ax5binder

data-ax-repeat="list" 하위 아이템을 교체합니다.

Kind: static method of ax5binder

Param
dataPath
index
item

Example

myModel.update("list", 0, {a:1});

ax5binder.childAdd(dataPath, index, child_path, child_item)

Kind: static method of ax5binder

Param
dataPath
index
child_path
child_item

ax5binder.childUpdate(dataPath, index, child_path, child_index, child_item)

Kind: static method of ax5binder

Param
dataPath
index
child_path
child_index
child_item

ax5binder.childSet(dataPath, index, child_path, value) ⇒ ax5binder

Kind: static method of ax5binder

Param
dataPath
index
child_path
value

ax5binder.onUpdate(dataPath, callback) ⇒ ax5binder

Kind: static method of ax5binder

Param
dataPath
callback

Example

 this.model.onupdate("moderator", function () {
     $('#moderator-add').val('');
     $moderator.find('[data-role-user-btn]')
         .unbind("click")
         .bind("click", role_user_btn_onclick);
 });

ax5binder.focus(dataPath) ⇒ ax5binder

Kind: static method of ax5binder

Param
dataPath

ax5binder.validate() ⇒ *

Kind: static method of ax5binder
Example

<input type="text" data-ax-path="q" data-ax-validate="required" title="이름" maxlength="8" value=""/>

var rs = myModel.validate(), _s;
console.log(rs); // 결과를 체크 해보세요
if(rs.error) {
     _s = rs.error[0].jquery.attr("title");
     alert("" + _s + "(은)는 필수 입력사항입니다." + _s + "(을)를 입력하세요");
     rs.error[0].el.focus();
     return;
 }

childRemove(dataPath, index, child_path, child_index)

ax5binder.childRemove

Kind: global function

Param
dataPath
index
child_path
child_index