2014-10-27 45 views
0

當我測試時,$ root正在拋出未捕獲的引用錯誤。這些是涉及的文件,如果您需要更多信息,請告知我。但我不能誠實地看到我做錯了什麼。

我需要做些什麼來使$ root可用於我?它僅適用於移動應用程序嗎?

shows.js

VelocityMeetings.shows = function (params) { 

    var errorMessage = ko.observable(""); 

    var viewModel = { 
     errorMessage: errorMessage, 
     errorVisible: ko.computed(function() { 
      return errorMessage().length != 0; 
     }), 
     hideError: function() { 
      errorMessage(""); 
     }, 
     resultsItemClick: function() { 
      alert('ok') 
     } 
    }; 

    return viewModel; 
}; 

shows.dxview

<div data-options="dxView : { name: 'shows', title: 'Trade Shows' } "> 
    <div style="font-size: 11px;" class="shows-view" data-options="dxContent : { targetPlaceholder: 'content' } "> 


     <br /> 
     <img src="images/logo.jpg" /> 

     <div style="color: red; margin: 5px; font-size: 12px;" data-bind="visible: errorVisible, text: errorMessage"></div> 

     <br /> 
     <div style="font-size: 14px; color: rgb(98, 31, 137); font-weight: bold;">My Shows</div> 
     <br /> 

     <div data-bind="dxList: { dataSource: Shows }"> 
      <div data-options="dxTemplate: { name: 'item' }, dxAction: $root.resultsItemClick" style=" style =" border: 1px solid lightgrey; padding: 15px; color black; width: 200px; margin: auto;"> 
       <img data-bind="attr:{ src: image }" /><br /> 
       <b><span data-bind="text: date"></span></b><br /> 
       <b><span data-bind="text: location"></span></b> 
      </div> 
     </div> 

    </div> 
</div> 

回答

1

我數據選項和數據綁定屬性混合起來。

<div data-options="dxTemplate: { name: 'item' }" data-bind="dxAction: $root.resultsItemClick" style =" border: 1px solid lightgrey; padding: 15px; color black; width: 200px; margin: auto;"> 

多數民衆贊成在模板行應該是如果任何人正在掙扎。