[GELÖST] knockout: Proplem mit on demand geladenen HTML - Fragmenten

[reinhhardp]

Hallo,

Ich arbeite z.Z. an einer Produkt, Artikel, Lagerverwaltung.
Je nachdem auf welchen Tab ich klicke wird ein HTML-Fragment in einen <div> Container geladen und aktiv gesetzt. Alle anderen HTML-Fragmente werden inaktiv gesetzt. Das funktioniert soweit.

Auf den <div> Container habe ich ein knockout binding eines ViewModels gesetzt:

function ViewModel_collection() {
        self.items = ko.observableArray();
	self.translate = function(name)
	{
		return Translations.translate(name);
	}

...
}
var collection = new ViewModel_collection();
ko.applyBindings(collection, document.getElementById("collectioncontainer"));

So sieht der HTML Code z.B. aus der nach geladen wird:

<div class="articlesstockcollectionhtml" id ="articlesstockcollectionhtml">
	
<table>
    <thead>
        <tr><th data-bind="text: translate('Name')">Name</th><th data-bind="text: translate('shelf')">shelf</th>
		<th data-bind="text: translate('Weight')">Weight</th><th data-bind="text: translate('Available')">Available</th>
		</tr>
    </thead>
    <tbody data-bind="foreach: items">
        <tr>
            <td data-bind="text: name"></td>
            <td data-bind="text: shelf"></td>
            <td data-bind="text: Weight"></td>
            <td data-bind="text: Available"></td>
        </tr>
    </tbody>
</table>	
	</div>

Das Problem ist das hier die Daten nicht angezeigt werden. Nicht einmal die Funktion translate wird aufgerufen.

Hat bitte jemand eine Idee was ich da falsch mache?

Danke,
Reinhard

 

[reinhhardp]

Problem gelöst

 

[mikdoe]

Was ist die Lösung?

 

[reinhhardp]

Das binding war zu früh. Es darf erst gesetzt werden wenn der HTML Teil geladen ist.