2013-02-01 57 views
0
工作

我創造了這個小提琴例子http://jsfiddle.net/adi85/mBpJB/8/工具提示文本結合和模態對話框不能與淘汰賽

我不能將數據綁定到刀尖,也是我想要使用模式對話框這是不由於在淘汰賽模板綁定工作。

<table class="tbl" id="dash" >  
    <thead><tr> 
     <th>Title</th> 
     </tr></thead> 
    <tbody data-bind="foreach: course"> 
     <tr> 
      <td><a href="#" id="qtipselector_01" data-bind="text: title, loadqtip: true"></a></td> 
      <div id="TooltipContent_01" class="hidden"><!--for each tr there will be a tool tip--> 
    <!-- in the below a tag the bidning is not working and also the dialog box is not working for me --> 
      <a data-bind="text: title" data-reveal-id="dialog" data-animation="fade"> Enroll </a> 
      </div> 
    </tr> 
    </tbody> 
</table> 

回答

0

控制檯是您的朋友:

未捕獲的錯誤:無法解析綁定。 消息:ReferenceError:標題未定義; 綁定值:文本:標題

在我看來,您需要訪問課程observableArray項目時略有不同。

http://jsfiddle.net/mori57/mBpJB/6/

<table class="tbl" id="dash" >  
    <thead><tr> 
     <th>Title</th> 
     </tr></thead> 
    <tbody data-bind="foreach: course"> 
     <tr> 
      <td><a href="#" id="qtipselector_01" data-bind="text: $data.title, loadqtip: true"></a></td> 
      <div id="TooltipContent_01" class="hidden"> 
      <a data-bind="text: $data.title" data-reveal-id="dialog" data-animation="fade"> Enroll </a> 
      </div> 
    </tr> 
    </tbody> 
</table> 

我所做的一切,本質上是告訴它來訪問$ data.title,而不是所有權。目前不記得爲什麼這樣會起作用,只是打電話給標題不行,但看看小提琴,也許這會讓你得到你需要去的地方。

+0

代碼不會給出$ data.title錯誤,但工具提示仍然不顯示標題文本。另外,我需要一個對話框來點擊工具提示之一,你能告訴我一個例子,在這裏如何做到這一點。 – Aditya