2012-03-15 3 views
0

나는 하루 종일 knockoutjs를 사용하여 html 테이블에서 올바른 형식의 데이터를 얻으려고 노력해 왔습니다.knockoutjs 템플릿 바인딩이 작동하지 않습니다.

첫 번째 필드의 문서 제목에 실제 파일에 대한 링크가 있어야하는 html 표에 문서 목록을 표시하지 않습니다.

여기 내 바이올린의 http://jsfiddle.net/jenrud/SCUWc/

가 작동하지 않는 이유

사람이 말해 줄래?

jQuery 또는 다른 기술을 사용하여 데이터 테이블을 매김 및 필터링하는 방법에 대한 조언을 제공 할 수도 있습니다. 사물의

감사 옌스

답변

1

http://jsfiddle.net/SCUWc/2/

커플 : 당신은 jQuery를 템플릿 있는지 확인하기 위해 초기화하는 동안 KO 몇 가지 테스트를 수행으로 jQuery를가 넉 아웃하기 전에 부하를 템플릿 있는지 확인해야

  1. 로드되었습니다
  2. jQuery 템플릿을 사용하려면 최신 버전을 가져와 사용해야합니다. (KO는 최신이 없다는 오류를 던지고 있습니다.)
  3. {{each}}을 사용하여 템플릿을 KO의 foreach을 사용하도록 전환했습니다. 항목 변경시 모든 데이터를 다시 렌더링하지 않는 것이 더 지능적입니다.
+0

감사 에릭 코드를 변경해야 할, 지금의 실패를 보았다. 내가 테이블 행을 반복 할 수있는 방법을 얻기를 바랬으므로 CSS 클래스를 대체 행에 적용 할 수있었습니다. 다시 한번 감사드립니다./Jens –

+0

http://jsfiddle.net/SCUWc/3/ 다른 행 색상으로 원본에 조금 더 가깝습니다. 'document' 객체에 'index'속성을 추가하고 KO 네이티브 템플릿과 함께 사용할 수도 있습니다. – ericb

+0

Great. 당신은 큰 도움이되었습니다, 감사합니다. –

-1

KnockoutJS 2.0은 jquery.tmpl과 작동하지 않습니다. 2.0에서 새로운 각 바인딩을 사용해야합니다.

그러나 jquery.tmpl을 사용해야하는 경우 KnockoutJS 1.2를 참조하여 작동하는지 확인할 수 있습니다.

+0

-1, http://knockoutjs.com/documentation/template-binding.html#note_6_using_jquerytmpl_an_external_stringbased_template_engine –

1

당신은

<tbody data-bind="template: {name: 'documentsTemplate', foreach: documents}"> 
관련 문제