Click here to Skip to main content
11,411,097 members (67,364 online)
Click here to Skip to main content
Articles » Web Development » Ajax » General » Downloads
Add your own
alternative version

Working on JSON objects in jQuery and MVC

, 24 Nov 2010 CPOL
This article uses a simple example to answer some common questions when working on JSON objects in jQuery and MVC.
JsonMVC.zip
JsonMVC
JsonMVC
bin
Content
Images
rubik.ico
Styles
jquery.tree.images
ajax-loader.gif
file.gif
folder-closed.gif
folder.gif
treeview-black-line.gif
treeview-black.gif
treeview-default-line.gif
treeview-default.gif
treeview-famfamfam-line.gif
treeview-famfamfam.gif
treeview-gray-line.gif
treeview-gray.gif
treeview-red-line.gif
treeview-red.gif
Controllers
Global.asax
JsonMVC.csproj.user
Models
obj
Debug
TempPE
Properties
Repositories
Scripts
Views
Home
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(jquery.tree.images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(jquery.tree.images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(jquery.tree.images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(jquery.tree.images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(jquery.tree.images/treeview-red.gif); } 

.treeview-black li { background-image: url(jquery.tree.images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(jquery.tree.images/treeview-black.gif); }  

.treeview-gray li { background-image: url(jquery.tree.images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(jquery.tree.images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(jquery.tree.images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(jquery.tree.images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(jquery.tree.images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(jquery.tree.images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(jquery.tree.images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(jquery.tree.images/file.gif) 0 0 no-repeat; }

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

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

Share

About the Author

Dr. Song Li

United States United States
I have been working in the IT industry for some time. It is still exciting and I am still learning. I am a happy and honest person, and I want to be your friend.

| Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.150414.5 | Last Updated 24 Nov 2010
Article Copyright 2010 by Dr. Song Li
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid