js
ajax 리스트 불러와서 화면쏴주기
멋진 개구리
2021. 3. 10. 17:50
반응형
function popMenuList(upIdx) {
$.ajax({
url: '${ajaxUrl}',
type: 'post',
dataType: 'json',
data: {
upIdx: upIdx
},
success: function(json) {
if (json.resultCode == '0') {
var listData = [];
//listData.push('<ul class="sortable">');
if (json.menuList != null) {
$(json.menuList).each(function(i, item) {
listData.push('<tr>');
listData.push('<td class="text-left">');
listData.push('<input type="hidden" name="amiIdx" class="menuSort" value="' + item.AMI_IDX + '"/>');
listData.push('<div class="depth1">');
listData.push('<i class="fa fa-folder-open-o"></i> ' + item.MENU_NAME);
listData.push('<a href="javascript:void(0);" onclick="popMenuList(' + item.AMI_IDX + ')" class="text-danger"><i class="fa fa-chevron-right ml10" aria-hidden="true"></i></a>');
listData.push('</div>');
listData.push('</td>');
listData.push('</tr>');
});
}
var naviInfo = [];
naviInfo.push('<i class="fa fa-folder-open-o text-primary" aria-hidden="true"></i>');
naviInfo.push('<a href="javascript:void(0);" onclick="popMenuList(0)" class="text-info"><strong>메인</strong></a>');
if (json.menuNavi != null) {
$(json.menuNavi).each(function(i, item) {
naviInfo.push('<i class="fa fa-angle-right text-muted ml5 mr5" aria-hidden="true"></i>');
naviInfo.push('<a href="javascript:void(0);" onclick="popMenuList(' + item.AMI_IDX + ')">' + item.MENU_NAME + '</a>');
});
}
$("#menuNavi").html(naviInfo.join(''));
$("#sortMenu").html(listData.join('\n'));
}
},
complete: function() {
initSortable();
}
});
}
반응형