Knockout.js - funkcja na danych javascript-wiążą

Question

czy istnieje sposób mogę wywołać funkcję JavaScript w danych-wiążą tak:

<span id="lblSomePropVal" data-bind="text: MySomeFunction(SomeProperty())" ></span> 

co próbuję zrobić, to zadzwonić MySomeFunction z wartością SomeProperty mojego modelu widoku. Moja funkcja Niektóre zwróci tekst na podstawie przekazanej wartości, która będzie wyświetlana w obszarze lblSomePropVal.

Próbowałem go tak, jak napisałem w przykładzie, ale zgłasza błąd wiązania.

Czy coś tu brakuje, czy jest jakiś inny sposób na zrobienie tego?

Jest to błąd otrzymuję:

Microsoft JScript runtime error: Unable to parse bindings. 
Message: [object Error]; 
Bindings value: text: MySomeFunction(SomeProperty()) 

Answer 1

można użyć dowolnego ś JavaScript Powiązania dla powiązań, ale należy pamiętać, że są one oceniane w kontekście viewmodel, więc wszystkie funkcje w wyrażeniu muszą być właściwościami viewmodel. W twoim przypadku, MySomeFunction musi być własnością twojego viewmodelu. Jeśli utworzyć ViewModel przy użyciu wtyczki mapowania, można dołączyć dodatkowe funkcje do viewmodel tak:

var viewModel = ko.mapping.fromJS(data.d) 
viewModel.MySomeFunction = function(...){...}; 

Answer 2

No ja właśnie przeżywa samouczka siebie, ale myślałem, że trzeba było założyć własność i używać ko.computed celu nadania jej wartości (od samouczek):

function AppViewModel() { 
this.firstName = ko.observable("Bert"); 
this.lastName = ko.observable("Bertington"); 
this.fullName = ko.computed(function(){ 
    return this.firstName() + " " + this.lastName(); 
    },this); 
} 

Wtedy można mieć:

Full name: <strong data-bind="text: fullName"></strong> 

Answer 3

miałem podobny problem próbuje obliczyć wpisy komórka tabeli. Co pracował dla mnie był tym „MySomeFunction” w moim modelu danych, a następnie wiązania danych moje komórki tabeli jako:

<td data-bind="text: $root.MySomeFunction(SomeProperty)"></td> 

Answer 4

udało mi się zrobić to za pomocą kontekstu. Jeśli potrzebujesz całego kodu, mogę go ci wysłać.

<h2 class="text" data-bind="html: currentProgram($context)"></h2> 

function currentProgram(context){ 
    var title = '<font size="1">' + context.$data.name + '</font>'; 
    return title; 
} 

Potrzebny będzie również ustawić to

 $.ajaxSetup({ 
      async: false 
     }); 

Answer 5

<div style="font-size:18px;float:left;width:95%" data-bind="html: trimString(AccountName,25)"></div> 

function trimString(value, maxLen) { 

    //Return undefined, and short strings 
    if (value === undefined) return undefined; 
    if (value.length < maxLen) return value; 

    return value.substring(0, (maxLen - 1));  
}