How to call method inside class?

Question

I have this button in html:

<button id="btnCell" onclick="CellClicked(1, 1, false)"></button>

And this Javascript:

 $(function() {       
    $( "#txtSearch" ).autocomplete({
      source: function( request, response ) {
         //some logic
      },
      minLength: 2,
      select: function( event, ui ) {
        log( "Selected: " + ui.item.value + " aka " + ui.item.id );
        },
    });

  function CellClicked(x, y, selXml) {          
        //some logic
    }        
});

Whenever I click button above I get this error:

Uncaught ReferenceError: CellClicked is not defined

It happens because the method encapsulated in class, I know that I can drag the method out of the class and it will work.

But I want the method to be encapsulated those I ask the question how can I call the function when method CellClicked encapsulated?

Define `CellClicked` outside the `$(function() { ` in a global scope. — gurvinder372, Sep 22 '17 at 06:38
@ParagJadhav because onclick is not going to magically locate `CellClicked` method otherwise. — gurvinder372, Sep 22 '17 at 06:40

Suren Srapyan · Answer 1 · 2017-09-22T06:39:11.250

1

You can add the listener via Javascript, not via markup. It is more preferable than moving the function into the global scope.

 $(function() {       
    $( "#txtSearch" ).autocomplete({
      source: function( request, response ) {
         //some logic
      },
      minLength: 2,
      select: function( event, ui ) {
        log( "Selected: " + ui.item.value + " aka " + ui.item.id );
        },
    });

    function CellClicked(x, y, selXml) {          
        //some logic
    }       

    $('#btnCell').on('click', function() {
        CellClicked(1,1,false);
    }) 
});

edited Sep 22 '17 at 06:39

answered Sep 22 '17 at 06:38

Suren Srapyan

66,568
14
114
112

Should we not mark this as dupe as *how to add click event using jQuery*? – Rajesh Sep 22 '17 at 06:39
I don't know. You have downvoted? – Suren Srapyan Sep 22 '17 at 06:39
Yes. The answer addresses the problem but in my understanding, correct way is to mark it as dupe and not answer it. So the vote signifies that answer is *not required* and **not** that it is wrong – Rajesh Sep 22 '17 at 06:41

How to call method inside class?

1 Answers1