2016-08-01 1 views
0

Mustache.js를 사용하여 템플릿 html을 만들고 테이블 집합을 표시합니다. 이 템플릿 내에서 매개 변수로 함수를 호출하려고합니다.매개 변수가있는 함수를 호출하려면 콧수염 js 구문을 사용해야합니다.

콧수염을 통해 생성 된 모든 테이블에는 버튼이 있습니다. 이 버튼에 onclick 함수를 쓰고 싶습니다. 이벤트를 처리 할 때 테이블 이름이 필요합니다.

매개 변수를 전달할 올바른 구문을 누군가에게 줄 수 있습니까?

<script id="TableTemplate" type="x-tmpl-mustache"> 
{{#tableDetails}} 
<button type="button" id=Edit_{{tableName}} onclick="editTable({{tableName}})"> 
{{#tableDetails}} 
</script> 

function editTable(tableName){ 
    console.log("tableName >>>"+tableName) 
} 

감사합니다.

+0

잘못되었습니다. 인라인 이벤트 핸들러를 생성하지 마십시오. 이벤트 전달을 위해 jQuery (또는 이에 상응하는 것)를 사용하십시오. (귀하의 예제를 감안할 때, 녹아웃과 같은 MVVM 프레임 워크를 체크 아웃해야합니다. 템플릿 처리 * 및 * 이벤트 처리) – Tomalak

답변

1

거의 제대로하고 있습니다. 그냥 따옴표를 추가하십시오.

onclick="editTable('{{tableName}}')" 
+0

감사합니다. 그것은 일했다!! – JavaUser

+0

그것은 작동합니다 - 그리고 그렇게하는 것은 여전히 ​​잘못입니다. – Tomalak

+0

감사합니다. Tom, 인라인 이벤트 처리기를 만드는 경우 어떤 문제가 발생합니까? – JavaUser

관련 문제