javascript - JQuery row clone and event attributes separation -

-

i have script clones tables rows , increment ids, names, , event attributes.

the problem i'm having clone , increment onchange event attribute inside 1rs textfield (id="code") , clone/increment onkeyup event attribute inside second textfield (id="qte")

currently both onchange , onkeyup event duplicated in both textfields.

here jquery:

jquery.fn.addclone = function() {      return this.each(function() {          // row cloningg         var row = $(this).parents('tr');         var parent = {};          // use tbody or table parent         if ( $(row).parents('tbody').length>0) {             parent = $(row).parents('tbody');         } else {             parent = $(row).parents('table');         }          // inject clone         var copy = $(row).clone();         $(copy).addclass('sadey');         $(copy).addclass('isclone');         $(parent).append( copy );          // remove last td , replace remove html         $('.sadey').children('td:last').remove();          var id = ($('.isclone').length + 1);          $('.sadey').append('<td><button class="btn btn-block btn-danger" id="clickme" onclick="$(this).killclone' + id +'()">retirer</button></td>');          // increment ids , names         $('.sadey').find('*').each(function() {             var tempid = $(this).attr('id');             if (typeof tempid != 'undefined' && tempid!='') {                 $(this).attr('id',tempid  + '_' +  id);                 $(this).attr('onchange','oncode_change' +  id + "(this.value)");                 $(this).attr('onkeyup','onqte_change' +  id + "(this.value)");                 //$(this).parents('div','txthint3' +  id + "()");             }             var tempname = $(this).attr('name');             if (typeof tempname != 'undefined' && tempname!='') {                 $(this).attr('name',tempname + '_' + id);             }          });          // remove active tag         $('.sadey').removeclass('sadey');      });  };

and html:

<table class="table table-striped" id="financialdatatable">     <thead>         <tr>             <th style="width: 10%;">code</th>             <th style="width: 5%;">qté</th>             <th style="width: 25%;">produit</th>             <th style="width: 25%;">description</th>             <th style="width: 25%;">prix</th>             <th style="width: 10%;">action</th>         </tr>     </thead>      <tbody>         <tr>             <td>                 <div class="form-group">                     <input type="text" id="code" name="code" class="form-control" onchange="oncode_change(this.value)"   />                 </div>             </td>             <td>                 <div class="form-group">                     <input type="text" name="qte" id="qte" class="form-control" value="1" onkeyup="onqte_change(this.value)" />                 </div>             </td>             <td colspan="3"><div id="txthint3" style="width: 100%"> </div></td>             <td><button type="button" class="btn btn-primary btn-sm" onclick="$(this).addclone();">ajouter un autre article</button></td>         </tr>     </tbody> </table>

i tried update part this:

$('.sadey').find('*').each(function() {     var tempid = $(this).attr('id');     if (typeof tempid != 'undefined' && tempid!='') {         $(this).attr('id',tempid  + '_' +  id);         $("#code").attr('onchange','oncode_change' +  id + "(this.value)");         $("#qte").attr('onkeyup','onqte_change' +  id + "(this.value)");         //$(this).parents('div','txthint3' +  id + "()");     }     var tempname = $(this).attr('name');     if (typeof tempname != 'undefined' && tempname!='') {         $(this).attr('name',tempname + '_' + id);     }

this solutions works when run order of input field (1,2,3,4,5,etc) messed , div not cloning/incrementing no more might cause logic problem..

i new jquery , appreciated!!


Comments

Post a Comment

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

-
Image
i have similar problem described in how prevent numbers being changed exponential form in python matplotlib figure : i don't want (in special case) weird scientific formatting of axis. problem different have problem @ z -axis. 2-d plots can use ax.get_yaxis().get_major_formatter().set_useoffset(false) . , there no function ax.get_zaxis() what use format z -axis same way? edit: example: from mpl_toolkits.mplot3d import axes3d import numpy np import sys import matplotlib import matplotlib.pyplot pyplot def func(xi, ti): res = 10e3 + np.cos(ti) * np.sin(xi) return res if __name__ == '__main__': timespacing = 20 timestart = 0 timeend = 1 time = np.linspace(timestart, timeend, timespacing) widthspacing = 50 widthstart = 0 widthend = 3 width = np.linspace(widthstart, widthend, widthspacing) reslist = [] matplotlib.rcparams['legend.fontsize'] = 10 fig = pyplot.figure() ax = fig.gca(projection = '3d...
Read more

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

-
i install web server database on raspberry pi (little computer). computer has 1gb ram. i want know best combination: linux distribution , web server , dbms run local server multiple users minimal latency, use php on server. , best settings performance , not have bugs (memory usage, disable plugin, disable service, etc)? i thought light debian , lighttpd server , sqlite database. solution? i think lighttpd + sqlite great choice. linux distro, debian @ centos or tiny core linux , although i'm not sure of compatibility pi. obviously, can't go wrong raspbian if want use in production , more stable performance, few more pi's , set them in cluster .
Read more

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -

-
i developing app in xamarin android. have splash screen serialize class , pass mainactivity using intent . when try deserialize in mainactivity error message : "serializationexception unable find constructor use types" serialization : void loaddata() { currency currency = new currency(this); intent = new intent(this, typeof(mainactivity)); intent.putextra("currency", newtonsoft.json.jsonconvert.serializeobject(currency)); startactivity(intent); } deserialization : cur = newtonsoft.json.jsonconvert.deserializeobject<currency> (intent.getstringextra("currency")); // error here class constructor : public currency(context context) { thiscontext = context; } i began experiencing problem after added parameter context context constructor. has caused this? how can solve it? possible serialize/deserialize class has parameters? you need have empty constructor in currency class in order deserialize it. ...
Read more