jquery - remove item from localStorage -

-

i'm trying remove item localstorage. when user clicks on delete button, need examine contained in localstorage , remove value based on row deleted.

for example, localstorage contains following comma delimited list:

contact,user,account

if row deleted account row, need remove account value list localstorage contain:

contact,user

or, if row deleted user row, need remove user value list localstorage contain:

contact,account

here jquery code:

<script type="text/javascript">      var j$ = jquery.noconflict();      j$(document).ready(function() {         var datarows = j$('tr.datarow');         localstorage.activebuttons = '';                   var active = localstorage.activebuttons.split(',');                   datarows.each(function(index, elem) {             updateimages(elem, active[index]);         });          j$("img[id$=':deleteimage']").on("click", function(event) {             updateimages(j$(this).closest('tr'));         });          j$('[id$=btncontact]').on('click', function() {             localstorage.activebuttons += 'contact,';         });          j$('[id$=btnuser]').on('click', function() {             localstorage.activebuttons += 'user,';         });          j$('[id$=btnaccount]').on('click', function() {             localstorage.activebuttons += 'account,';         });          a4j.ajax.addlistener({             onafterajax: function(req,evt,data) {                    console.log('************* activebuttons = ' + localstorage.activebuttons);                 j$('[id$=deleteimage]').on('click', function(elem) {                     console.log('the delete button clicked');                     console.log(elem);                     console.log('************** before ' + localstorage.activebuttons);                     localstorage.activebuttons = localstorage.activebuttons;                     console.log('************** after ' + localstorage.activebuttons);                 });                 console.log('************* activebuttons = ' + localstorage.activebuttons);                  var lastrow = j$('table[id$=participanttable] tbody tr:last');                                  var active = localstorage.activebuttons.split(',');                  var datarows = j$('tr.datarow');                 datarows.each(function(index, elem) {                     updateimages(elem, active[index]);                 });             }         });         });      function updateimages(myrow, myactive) {          var rowinputs =  j$(myrow).find('input[type="text"]');         var contactid = (j$(rowinputs[0]).attr('id'));         var userid = (j$(rowinputs[1]).attr('id'));         var accountid = (j$(rowinputs[2]).attr('id'));         var contact = (j$(rowinputs[0]).val());          var user = (j$(rowinputs[1]).val());         var account = (j$(rowinputs[2]).val());          if(contactid.indexof("participant") != -1 || userid.indexof("participant") != -1 || accountid.indexof("participant") != -1) {             switch (myactive) {                 case "contact":                     // hide other 2                     j$(rowinputs[1]).hide();                     j$(rowinputs[2]).hide();                     j$(rowinputs[1].parentnode).find('img').hide();                     j$(rowinputs[2].parentnode).find('img').hide();                     break;                 case "user":                     // hide other 2                     j$(rowinputs[0]).hide();                     j$(rowinputs[2]).hide();                     j$(rowinputs[0].parentnode).find('img').hide();                     j$(rowinputs[2].parentnode).find('img').hide();                     break;                 case "account":                     // hide other 2                     j$(rowinputs[0]).hide();                     j$(rowinputs[1]).hide();                     j$(rowinputs[0].parentnode).find('img').hide();                     j$(rowinputs[1].parentnode).find('img').hide();                     break;             }             if (contact !== '') {                 j$(rowinputs[1]).hide();                 j$(rowinputs[2]).hide();                 j$(rowinputs[0].parentnode).find('img').show();                 j$(rowinputs[1].parentnode).find('img').hide();                 j$(rowinputs[2].parentnode).find('img').hide();             }                 else if (user !== '') {                 j$(rowinputs[0]).hide();                 j$(rowinputs[2]).hide();                 j$(rowinputs[0].parentnode).find('img').hide();                 j$(rowinputs[1].parentnode).find('img').show();                 j$(rowinputs[2].parentnode).find('img').hide();             }             else if (account !== '') {                 j$(rowinputs[0]).hide();                 j$(rowinputs[1]).hide();                 j$(rowinputs[0].parentnode).find('img').hide();                 j$(rowinputs[1].parentnode).find('img').hide();                 j$(rowinputs[2].parentnode).find('img').show();             }             if (account !== '' && contact !== '') {                 j$(rowinputs[1]).hide();                 j$(rowinputs[2]).show();                 j$(rowinputs[0].parentnode).find('img').show();                 j$(rowinputs[1].parentnode).find('img').hide();                 j$(rowinputs[2].parentnode).find('img').hide();             }         }     } </script>

here relevant portion of code i'm trying remove value localstorage:

        a4j.ajax.addlistener({             onafterajax: function(req,evt,data) {                    console.log('************* activebuttons = ' + localstorage.activebuttons);                 j$('[id$=deleteimage]').on('click', function(elem) {                     console.log('the delete button clicked');                     console.log(elem);                     console.log('************** before ' + localstorage.activebuttons);                     //here need remove value localstorage                           //i passing in elem function argument determine                           //what row being deleted , value should remove                            //local storage.                     console.log('************** after ' + localstorage.activebuttons);                 });                 console.log('************* activebuttons = ' + localstorage.activebuttons);                  var lastrow = j$('table[id$=participanttable] tbody tr:last');                                  var active = localstorage.activebuttons.split(',');                  var datarows = j$('tr.datarow');                 datarows.each(function(index, elem) {                     updateimages(elem, active[index]);                 });             }         });

any appreciated. thanks.

split values array, find value want remove, , splice array:

var activearray  = localstorage.activebuttons.split(','); var idx = activearray.indexof(elem); // not sure elem is, should value want remove  if (idx > -1)     activearray.splice(idx, 1);  localstorage.activebuttons = activearray.join(',');

Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

java - Copying object fields -

-
what best way of copying classes when need have 2 independent variables? have simple class: public class myclass { boolean = false; string b= "not empty"; } do need make method : assign(myclass data ) { a= data.a; b= data.b; } is there automatic method copy (duplicate) objects in java? do need make method : pretty close. instead of making method, should make constructor. such constructors called copy constructor , , create them this: myclass(myclass data) { = data.a; b = data.b; } and create copy of instance, use constructor this: myclass obj1 = new myclass(); myclass obj2 = new myclass(obj1); copy constructor can tedious : using copy constructor create deep-copy can tedious, when class has mutable fields. in case, assignment create copy of reference, , not object itself. have create copy of fields (if want deep copy). can go recursive. a better way create deep copy serialize , deserialize object. why not use clone()? ...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more