본문 바로가기

웹스토리/Jquery,Js

data attrbute를 이용한 데이터 바인딩

/**
* @param data : obj
* @description 호출된 데이터 화면에 바인딩 처리
* @example API.dataBind(obj);
*/
dataBind : function(data){
$('[data-bind-id]').each(function() {
var bindEl = $(this);
$.each(data, function(key, value){
if(key == bindEl.data().bindId)
bindEl.html(value);
})
});
},
/**
* @param divId : String
* data : obj
* @description 호출된 데이터 특정 div 화면에 바인딩 처리
* @example API.dataBind(obj);
*/
dataBindDiv : function(divId,data){
$("#"+divId).find('[data-bind-id]').each(function() {
var bindEl = $(this);
$.each(data, function(key, value){
if(key == bindEl.data().bindId)
bindEl.html(value);
})
});
},

'웹스토리 > Jquery,Js' 카테고리의 다른 글

OriginalAjax 변경 처리  (0) 2019.04.24
Date.prototype.format 처리  (0) 2019.04.24
jquery ajax 공통적으로 로딩 이미지 처리  (0) 2018.02.28
자바스크립트 다국어 처리  (0) 2018.02.28
JS 라이브러리 사이트  (0) 2017.05.31