X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=webapp%2Fresources%2Fdatatables-1.9.4%2Fexamples%2Fajax%2Fdeep.html;fp=webapp%2Fresources%2Fdatatables-1.9.4%2Fexamples%2Fajax%2Fdeep.html;h=b5cc71603767ff6a5a2c82539156e3b599630537;hb=9bb6ee99ca7f738fac1087190b5481b8fe6e8d9f;hp=0000000000000000000000000000000000000000;hpb=2e3f6b76be585306f1003d849831840c0adb3360;p=proteocache.git diff --git a/webapp/resources/datatables-1.9.4/examples/ajax/deep.html b/webapp/resources/datatables-1.9.4/examples/ajax/deep.html new file mode 100644 index 0000000..b5cc716 --- /dev/null +++ b/webapp/resources/datatables-1.9.4/examples/ajax/deep.html @@ -0,0 +1,222 @@ + + + + + + + DataTables example + + + + + + +
+
+ DataTables AJAX source example - deep property reading for a data source +
+ +

Preamble

+

The ability of DataTables to read arbitrary object properties as a column data source is extended to n levels of objects, through the use of standard Javascript dotted object notation. For example in this example "platform.details.0" refers to the first element of the array "details", of the object "platform", for each column. Any level of 'dots' can be used.

+ +

Live example

+
+ + + + + + + + + + + + + + + + + + + + + + +
Rendering engineBrowserPlatform(s)Engine versionCSS grade
Rendering engineBrowserPlatform(s)Engine versionCSS grade
+
+
+ + +

Initialisation code

+ 
$(document).ready(function() {
+	var oTable = $('#example').dataTable( {
+		"bProcessing": true,
+		"sAjaxSource": "sources/deep.txt",
+		"aoColumns": [
+			{ "mData": "engine" },
+			{ "mData": "browser" },
+			{ "mData": "platform.inner" },
+			{ "mData": "platform.details.0" },
+			{ "mData": "platform.details.1" }
+		]
+	} );
+} );
+ + + +

Server response

+

The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.

+ 

+			
+			
+			
Other examples

+			

+				
Basic initialisation

+				
+				
+				
Advanced initialisation

+				
+				
+				
API

+				
+			

+			
+			

+				
Data sources

+				
+				
+				
Server-side processing

+				
+				
+				
Ajax data source

+				
+				
+				
Plug-ins

+				
+			

+			
+			
+			
+		

+	
+
\ No newline at end of file