Knockout.js SimpleGrid가 올바르게 렌더링되지 않습니다.

Question

Knockout.js simpleGrid을 수정하려고 했으므로 셀 내용에 하이퍼 링크를 넣을 수 있습니다. 그 버튼 "항목 추가"타격 후, 새 항목이의 이름으로 링크와 함께 나타납니다, 희망

this.addItem = function() { 
    this.items.push({ name: "<a href='#'> click me </a>", sales: 0, price: 100 }); 
}; 

와

this.addItem = function() { 
    this.items.push({ name: "New item", sales: 0, price: 100 }); 
}; 

를 교체했다. 불행히도, 순수 텍스트로 렌더링하고 새 항목 이름에 이걸 넣었습니다.

<a href='#'>click me</a> 

그래서 아무도 도와 드릴 수 있습니까? 표 셀 안에 하이퍼 링크를 넣으려고합니다.

Answer 1

simpleGrid 플러그인의 템플릿은 td에 text 바인딩을 사용합니다. 이렇게하면 셀의 innerText이 설정되므로 모든 HTML 내용이 이스케이프됩니다.

text 대신 html 바인딩을 사용하거나 실제로 원하는 특정 콘텐츠를 렌더링하려면 간단한 그리드 플러그인에서 템플릿 (ko_simpleGrid_grid)을 수정해야합니다.