remove dynamically added data from a json object

Question

0.00/5 (No votes)

See more:

I have an object that holds an array of theme objects ...

JavaScript

themesHolder = { themes:[] };

Now i want to add data to this object dynamically.. i have done this

JavaScript

var themeName = $("input[name='themeName']").val().trim(),
	themeFileName =  $("input[name='themeFilename']").val().trim(),
	themeDefault =  $("input[name='themeDefault']:checked").val().trim(),
	currentThemeData = {};
			
if( themeName =="" || themeFileName==""){
	alert("Please make sure theme name and filename is supplied");
}else{
	// continue with processing of the theme data...
	currentThemeData["name"] = 	themeName;
	currentThemeData["filename"] = 	themeFileName;
	currentThemeData["isDefault"] = themeDefault;
	
	++counter;
	themesHolder.themes.push( currentThemeData );
	
}

The challenge that i am facing is that when i am splicing the data from this object, the results does not disappear..

Anybody who can help me out with a code on the safe way to delete a theme entry given the name or filename..
Thanks.

Posted 22-Feb-13 20:54pm

Mutinda Boniface

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mutinda Boniface · Answer 1 · 2013-02-22T22:03:00

I added some fixes to my function and it worked just fine...

This is what i did
...

calling the delete function from the delete button ..

JavaScript

links = "<button type=\"button\" onclick=\"deleteTheme('"+rowId+"','"+name+"')\">Del</button>";

the rowId - will represent the current table tr/row - such that if i delete the value, i should also delete the row.

the Name - represents the theme name i want to delete.

And the delete method...

JavaScript

	deleteTheme = function( rowId, value ){
		themesHolder.themes.removeValue("name", value );
		deleteRow( rowId );
		updateThemeBox();
	}


Array.prototype.removeValue = function( propertName, value ){
		
	for( var i=0; i<this.length;>		
		if( this[i].name == value	){			
			this.splice( i, 1 );
		}
	}
}