Java - Mustache 로 List 생성하기

​

html body 안에 선언

[ data-template="" ]

 

​

 

​

반응형

​

script에서 선언

id 값과 div data-template 값과 일치 시켜야 한다.

<script id="listTemplate" type="text/mustache">
{{#.}}
	<div class="gr-body">
		<div class="gridRow">
			<div class="col-group3">
				<div class="cols col_xs-1 ">
					<span class="tit">번호</span>
					<span class="txt">{{ getter/setter 선언값  }}</span>
				</div>
				<div class="cols col_xs-1 ">
					<span class="tit">이미지</span>
					<span class="txt"><img src='{{  }}' onerror="this.src='{{#  }}HT1{{/  }}';" alt="" style="width: 32px; height: 32px;"/></span>
				</div>
				<div class="cols col_xs-2 ">
					<span class="tit">표준값</span>
					<span class="txt">{{ getter/setter 선언값 }}</span>
				</div>
				<div class="cols col_xs-5 ">
					<span class="tit">제목</span>
					<span class="txt left"><a href="javascript:item.goDetail('{{ getter/setter 선언값 }}')" class="linkText">{{ getter/setter 선언값 }}</a></span>
				</div>
				<div class="cols col_xs-2 ">
					<span class="tit">표준값2</span>
					<span class="txt">{{ getter/setter 선언값 }}</span>
				</div>
				<div class="cols col_xs-1 ">
					<span class="tit">일자</span>
					<span class="txt">{{ getter/setter 선언값 }}</span>
				</div>
			</div>
		</div>
	</div>
{{/.}}
</script>

​

 

템플릿 그리기

//템플릿 그리기
var tId = 'listTemplate';
util.templateAppend(tId, data.list);