Site:Frontend:Controllers - Revision history

MetrixAdmin: /* Using registerProfileFunctions */

2012-06-20T18:16:25Z

‎Using registerProfileFunctions

MetrixAdmin: /* Introduction */

2012-06-20T18:14:27Z

‎Introduction

MetrixJustin: /* Basic Site Controller */

2012-06-20T17:56:16Z

‎Basic Site Controller

MetrixJustin: /* Instantiating */

2012-06-20T17:47:16Z

‎Instantiating

MetrixJustin: /* Instantiating */

2012-06-20T17:38:23Z

‎Instantiating

MetrixJustin: /* Instantiating */

2012-06-20T17:37:55Z

‎Instantiating

MetrixJustin: /* Instantiating */

2012-06-20T17:37:32Z

‎Instantiating

MetrixJustin at 17:36, 20 June 2012

2012-06-20T17:36:16Z

MetrixJustin at 17:34, 20 June 2012

2012-06-20T17:34:51Z

MetrixJustin: Created page with "= Introduction = A Controller is a javascript class that will manage all the necessary javascript. This class is broken down by functionality and should only be instantiated whe..."

2012-06-20T17:31:42Z

Created page with "= Introduction = A Controller is a javascript class that will manage all the necessary javascript. This class is broken down by functionality and should only be instantiated whe..."

New page

= Introduction =

A Controller is a javascript class that will manage all the necessary javascript. This class is broken down by functionality and should only be instantiated when necessary.

= Basic Site Controller =

Example Controller:

<script type="text/javascript">
function siteController(authUser, publicUser, publicContentId) {
this.authUser = authUser;
this.publicUser = publicUser;
this.contentId = publicContentId;
this.urls = [];
}

siteController.prototype.registerUrls = function(urls) {
this.urls = urls;
};

siteController.prototype.registerProfileFunctions = function() {
var myThis = this;

$('#getUserState').click(function(e) {
e.preventDefault();
$.ajax({
type: 'get',
url: myThis.urls['userStateUrl'],
data: {
'user': myThis.publicUser
},
success: function(data) {
alert('This user is '+ data.state);
}
});
});
};
</script>

In the example controller, siteController is instantiated with the authenticated username, the public username (if avaliable), and the public contentId (if avaliable) which are stored so they can be accessed throughout the class.

The

@@ Line 53: / Line 53: @@
 == Using registerProfileFunctions ==
-In the example above, we never created an instance of registerProfileFunctions meaning the getUserState listener is never active.
+In the example above, we never called the registerProfileFunctions function, meaning the getUserState listener is never active.
 Example

@@ Line 40: / Line 40: @@
 == Instantiating ==
-In the example controller, siteController is instantiated with the authenticated username, the public username (if avaliable), and the public contentId (if avaliable) which are stored so they can be accessed throughout the class.
+In the example controller, siteController is instantiated with the authenticated username, the public username, and the public contentId which are stored so they can be accessed throughout the class.
    <script type="text/javascript">

@@ Line 46: / Line 46: @@
      $(document).ready(function() {
        site.registerUrls({
-         'someUrl':'http://somesite.com'
+         'userStateUrl' : 'http://example.com/userstate'
        });
      });
    </script>

@@ Line 43: / Line 43: @@
    <script type="text/javascript">
-     var site = new siteController('Justin', 'Roy', '');
+     var site = new siteController('Justin', 'Roy', <nowiki>''</nowiki>);
      $(document).ready(function() {
        site.registerUrls({

← Older revision		Revision as of 17:37, 20 June 2012
Line 41:		Line 41:

	In the example controller, siteController is instantiated with the authenticated username, the public username (if avaliable), and the public contentId (if avaliable) which are stored so they can be accessed throughout the class.		In the example controller, siteController is instantiated with the authenticated username, the public username (if avaliable), and the public contentId (if avaliable) which are stored so they can be accessed throughout the class.
		+
		+	<script type="text/javascript">
		+	var site = new siteController('Justin', 'Roy', '');
		+	$(document).ready(function() {
		+	site.registerUrls({
		+	'someUrl':'http://somesite.com'
		+	});
		+	});
		+	</script>

@@ Line 1: / Line 1: @@
 = Introduction =
-A Controller is a javascript class that will manage all the necessary javascript. This class is broken down by functionality and should only be instantiated when necessary.
+A Controller is a javascript class used to organize all javascript functionality within a particular page or module. A controller can hold other controllers, so you can imagine a site controller managing all of the page controllers.
 = Basic Site Controller =

@@ Line 14: / Line 14: @@
        this.urls = [];
+     }
-−
      siteController.prototype.registerUrls = function(urls) {
        this.urls = urls;
      };
-−
      siteController.prototype.registerProfileFunctions = function() {
        var myThis = this;
-−
        $('#getUserState').click(function(e) {
          e.preventDefault();
@@ Line 41: / Line 41: @@
 The