knockout.js
Componenten introductie

AngularJS ASP.NET asp.net-mvc C# Language CSS HTML JavaScript jQuery twitter-bootstrap TypeScript
Zoeken…


Opmerkingen

Componenten maken herbruikbare besturingselementen / widgets mogelijk die worden weergegeven door hun eigen weergave (sjabloon) en weergavemodel. Ze werden toegevoegd in Knockout 3.2. Geïnspireerd door WebComponents, maakt Knockout het mogelijk componenten te definiëren als aangepaste elementen, waardoor het gebruik van meer zelfverklarende markup mogelijk is.

Voortgangsbalk (Boostrap)

Component definitie 

ko.components.register('progress-bar', {
    viewModel: function(params) {
            var that = this;
    
        // progress is a numeric value between 0 and 100
        that.progress = params.progress;
        
        
        that.progressPercentual = ko.computed(function(){
            return '' + ko.utils.unwrapObservable(that.progress) + '%';
        })
    },
    template:
        '<div class="progress"> <div data-bind="attr:{\'aria-valuenow\':progress}, style:{width:progressPercentual}, text:progressPercentual" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;"></div> </div>'
});

HTML-gebruik 

<progress-bar params="progress:5"></progress-bar>


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow