Parameter in a jquery event

Question

I want to pass an object called hotTraitement in parameters of an event .click of jquery. So I declare my object like this :

$(window).load(function(){
        container = document.getElementById('tab_traitement');
        var hotTraitement = new Handsontable(container, {
            data: data_traitement});
});

And I'm trying to pass this object like this :

$('#submit_button_traitement').click(function({hotTraitement:hotTraitement})
{
    console.log(hotTraitement);
});

But it's not working, hotTraitement is undefined.

Help please !

Why woudl you even want to do that? hotTraitement is a variable which is accessible from inside your click callback... Why not just access it from there? — dangor, Aug 19 '15 at 15:13
Furthermore, this question is a possible duplicate: http://stackoverflow.com/questions/3273350/jquery-click-pass-parameters-to-user-function — dangor, Aug 19 '15 at 15:15
@dangor I already looked this question and it's what I'm trying to do, but doesn't work. And it's really complicate, I want to get this object to use it in an ajax callback, so I need to pass this object — Erlaunis, Aug 19 '15 at 15:25
your code is awesome but just one thing as i said before just create your hotTraitement var outside this line $(window).load(function(){ — Zebi Rajpot, Aug 19 '15 at 15:41
Each time I try something, I try inside the window.load AND outside it. — Erlaunis, Aug 19 '15 at 15:42
its really weird because its working for me in my browser ... if you wanna see js fiddle example i can do for you ... but its really working — Zebi Rajpot, Aug 19 '15 at 15:47
I know it is weird ^^ I work on this problem for 2 weeks, no way, I don't find the answer — Erlaunis, Aug 19 '15 at 15:49
I use an object, and you use a string. Maybe it doesn't work the same way :/ — Erlaunis, Aug 19 '15 at 15:50
i think your code var hotTraitement = new Handsontable(container, {data: data_traitement}); just making hotTraitement var to undefine or null ... — Zebi Rajpot, Aug 19 '15 at 15:58

John R · Accepted Answer · 2015-08-19T15:59:51.623

1

Try this. Define the hotTraitement variable as global one.

$('#submit_button_traitement').click({hotTraitement:hotTraitement},function(e){
   console.log(e.data.hotTraitement);
});

SIMPLE DEMO: FIDDLE

Update:

Try this way.

$(document).ready(function() {
  var container = document.getElementById('tab_traitement');
  var hotTraitement = new Handsontable(container, {
    data: data_traitement
  });

  //...

  $('#submit_button_traitement').click({
    hotTraitement: hotTraitement
  }, function(e) {
    console.log(e.data.hotTraitement);
  });

});

edited Aug 19 '15 at 15:59

answered Aug 19 '15 at 15:30

John R

2,741
2
13
32

It stays undefined :/ – Erlaunis Aug 19 '15 at 15:40
Did you define this `hotTraitement` variable globally? – John R Aug 19 '15 at 15:43
I think. I'm outside the window.load. – Erlaunis Aug 19 '15 at 15:44
In your fiddle, you use a simple string, and I'm using an object. Maybe it's different ? – Erlaunis Aug 19 '15 at 15:47
It didn't work with my code but I tried to do it in an other page, with the same code but simplified and it worked. So I used your method on the real code and it didn't work. So I had something in the options of the declaration of my handsontable (hotTraitement) which blocked what I want. I modify what was wrong, and now, every things work fine! Thanks to you ! (2 weeks to finally find a solution, you're my hero ! ^^) – Erlaunis Aug 20 '15 at 08:01

guest271314 · Answer 2 · 2015-08-19T15:34:29.353

0

Try substituting $(document).ready() for $(window).load() ; utilizing .on() , data property of event

$(document).ready([
  function() {
    // define `hotTraitement`
    hotTraitement = {
      "abc": 123
    };
  }, 
  function() {
    // set `event.data` to `hotTraitement`
    $("#submit_button_traitement")
    .on("click", hotTraitement, function(event) {
        // do stuff with `event.data` : `hotTraitement`
        console.log(event.data)
    })
  }
]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="submit_button_traitement">click</div>

edited Aug 19 '15 at 15:34

answered Aug 19 '15 at 15:16

guest271314

1
15
104
177

your code will give an error like Uncaught ReferenceError: hotTraitment is not defined – Zebi Rajpot Aug 19 '15 at 15:19
It's right, hotTraitement is undefined with your code :/ – Erlaunis Aug 19 '15 at 15:22
@Lison Tried substituting `$(document).ready()` for `$(window).load()` ? – guest271314 Aug 19 '15 at 15:49
@Lison _"It's not working :/"_ Can describe "It's not working" ? Tried `js` at stacksnippets ? – guest271314 Aug 19 '15 at 15:54

score 0 · Answer 3 · answered Aug 19 '15 at 15:17

0

why you want to pass hotTraitement parameter in onclick function instead you can simply access this inside your onclick even like this

$(window).load(function(){
    container = document.getElementById('tab_traitement');
    var hotTraitement = new Handsontable(container, {
        data: data_traitement});

   $('#submit_button_traitement').click(function(){
      console.log(hotTraitement);
   });
});

answered Aug 19 '15 at 15:17

Zebi Rajpot

186
5

But it doesn't work. I get an object but I can't apply the method that I want. – Erlaunis Aug 19 '15 at 15:23
then simply in your way don't create hotTraitement object inside window load method just simple add this lines outside window load function this will work for you .... – Zebi Rajpot Aug 19 '15 at 15:31
how ? because in JSFIDDLE it is working ... just create your hotTraitement object before click event and outside of everything – Zebi Rajpot Aug 19 '15 at 15:38

Parameter in a jquery event

3 Answers3