Create a table dynamically

anudu

hi ,

I am developing a system using javascripts and ajax.
I am retrieving data from database and bind them in an html table. I am using a for loop to do this. This table has one column of html buttons. my task is to call a function when a user press the button in a row. this function will call an ajax method to bring some data fro the database. I have to pass a value to this function when a user press the button. this value is unique to each raw.

this is the part code i am trying;

Expand|Select|Wrap|Line Numbers

 // in the for loop
 
     btn=document.createElement('INPUT');

         btn.type='button';

          btn.value=Dset.value.Tables[0].Rows[a].CusCode;
 
         btn.onclick=function CustomerClick()

              {

                 // function will bring data                 

               };
 
//

this is the place i got the problem. I want to pass that 'CusCode' value to the function as avariable. this 'CusCode' is unique to each raw. when the user press the button it should call the function with it's unique variable.

can anyone help me to solve this?

gits

try this:

Expand|Select|Wrap|Line Numbers

 
var btn = document.createElement('INPUT');

btn.type = 'button';

btn.value = Dset.value.Tables[0].Rows[a].CusCode;
 
btn.onclick = function(value) {

    return function() {

        // here use value which is the closured btn.value

    };

}(btn.value);

kind regards

anudu

wow, it works perfectly. Thank you very much.

gits

no problem :) .... post back to the forum anytime you have more questions ...

kind regards

Create a table dynamically

re: Create a table dynamically

re: Create a table dynamically

re: Create a table dynamically

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about