목록에 사용자 정의 JavaScript 추가
포털 관리 앱의 목록 구성에 있는 옵션 탭에는 사용자 지정 JavaScript를 입력할 수 있는 텍스트 영역이 있습니다. 페이지에 jQuery 라이브러리가 포함된 경우 여기에서도 사용할 수 있습니다. 스크립트 블록은 페이지의 종료 양식 태그 바로 앞 웹 페이지의 하단에 추가됩니다.
목록에서 비동기적으로 데이터를 가져오고 이 작업이 완료되면 사용자 지정 JavaScript가 수신하고 그리드의 항목을 사용하여 작업할 수 있는 이벤트 loaded를 트리거합니다. 다음 코드는 작은 예입니다.
$(document).ready(function (){
$(".entitylist.entity-grid").on("loaded", function () {
$(this).children(".view-grid").find("tr").each(function (){
// do something with each row
$(this).css("background-color", "yellow");
});
});
});
특정 특성 필드를 찾고 값의 렌더링을 수정할 수 있는 값을 가져옵니다. 다음 코드는 accountnumber 특성의 값을 포함하는 각 테이블 셀을 가져옵니다. accountnumber를 테이블 및 보기에 적합한 특성으로 바꿉니다.
$(document).ready(function (){
$(".entitylist.entity-grid").on("loaded", function () {
$(this).children(".view-grid").find("td[data-attribute='accountnumber']").each(function (i, e){
var value = $(this).data(value);
// now that you have the value you can do something to the value
});
});
});