2013-12-16 69 views
0

我有一个HTML5页面,我想要在使用挖空绑定中显示数据,我可以在显示数据的第一个字段后看到任何内容。如果我删除第一个字段,则第二个字段将正确显示,如果我将第一个字段放回,它是唯一显示的字段。如果我把一个固定值显示正确。我已经确认,无论我尝试绑定哪个值,绑定都是正确的(例如,如果第一个字段不存在,则第二个字段会正确绑定)。仅在HTML5中显示数据显示第一个字段

这里是我的HTML,请告诉我是什么问题(我是一个HTML小白):

<table> 
      <thead> 
       <tr> 
        <td></td> 
        <td>debit amount</td> 
        <td>credit amount</td> 
        <td>count</td> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>work</td> 
        <td data-bind="text: accountBalance().WorkDebitAmount"/> 
        <td data-bind="text: accountBalance().WorkCreditAmount"/> 
        <td data-bind="text: accountBalance().WorkCount"/> 
       </tr> 
       <tr> 
        <td>open</td> 
        <td data-bind="text: accountBalance().OpenDebitAmount"/> 
        <td data-bind="text: accountBalance().OpenCreditAmount"/> 
        <td data-bind="text: accountBalance().OpenCount"/> 
       </tr> 
       <tr> 
        <td>history</td> 
        <td data-bind="text: accountBalance().HistoryDebitAmount"/> 
        <td data-bind="text: accountBalance().HistoryCreditAmount"/> 
        <td data-bind="text: accountBalance().HistoryCount"/> 
       </tr> 
      </tbody> 
     </table> 
+3

你的浏览器是否遇到任何JavaScript错误?如果是这样,请将其添加到问题中。 :) – Chris

+0

你看什么模型看起来像?发布该代码。更好的是,创建一个[小提琴](http://jsfiddle.net/)。 –

+0

请发布viewModel的代码或者将其放在http://jsfiddle.net/ –

回答

0

你不应该指望表电池元件是自闭。

<td data-bind="text: accountBalance().HistoryDebitAmount"></td> 

现在,既然你出现“新”,以淘汰赛的世界,我也把“与”你tbody的结合:

<tbody data-bind="with: accountBalance">...</tbody> 

然后,在你的表格单元格中声明你不再需要重复绑定元素:

<td data-bind="text: HistoryDebitAmount"></td> 

一个进一步的一步,我不会做文本直接放在桌子上的细胞结合,但插入一个标签或表格单元格内的一些其他因素:

<td><label data-bind="text: HistoryDebitAmount"></label></td> 

总而言之,自闭问题可能会解决所有问题。

+0

谢谢,那就是诀窍!并感谢您在说'新'而不是'noob'时表示友善:) –

相关问题