如何使用敲除来绑定数据绑定中的多个事件

Question

Newbie here in knockout JS. Im still learning things. Im trying to bind multiple events in a single data-bind. How can i achieve this? I need to execute 2 functions on the single event.

HTML

<span class="btn btn-default btn-file btn-primary">Browse<input type="file" id="ImportFile" data-bind="value:file,event: { change: $root.Browse }"></span>

FUNCTION #1

function Browse(data) {

        var data = new FormData();
        var files = $("#ImportFile").get(0).files;
        if (files.length > 0) {
            $("#tab1").removeClass("active");
            $("#tab2").addClass("active");

            $("#tabSelect").removeClass("active");
            $("#tabImport").addClass("active");

            fileName(files[0].name);
            data.append("UploadedFile", files[0]);


            self.changeMethod = function (data, event) {
                self.file(event.currentTarget.files[0]);
                self.fileSize(event.currentTarget.files[0].size);
            }

        }

    }

FUNCTION #2

self.fileChange=function(data){    
    if (window.File && window.FileReader && window.FileList && window.Blob)
    {
        //get the file size and file type from file input field
        var fsize = data.size;
        var ftype = data.type;

        if(fsize>10)
        {
            alert(fsize +" bites\nToo big!");
            self.file("")
        }

       switch(ftype)
        {
            case 'image/png':
            case 'image/gif':
                break;
            default:
                alert('Unsupported File!');
               self.file("")
        }
    }else{
        alert("Please upgrade your browser, because your current browser lacks some new features we need!");
    }
    };

Answer 1

You can provide another function and call the 2 functions that you want to call from the new function.

Here is a sample

 var viewModel = function() { var self = this; self.isFirstMethodCalled = ko.observable(false); self.isSecondMethodCalled = ko.observable(false); self.triggerFirstAndSecondMethods = function(data){ self.firstMethod(data); self.secondMethod(data); }; self.firstMethod = function(data){ self.isFirstMethodCalled(true); } self.secondMethod = function(data){ self.isSecondMethodCalled(true); } }; ko.applyBindings(new viewModel()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> <input type="button" data-bind="click: triggerFirstAndSecondMethods" value="Call First And Second Method"/> <div data-bind="visible: isFirstMethodCalled"> First Method has been called. </div> <div data-bind="visible: isSecondMethodCalled"> SecondMethod has been called. </div>