Fragment - Revision history

Mudrd8mz: Text replacement - "`" to ""`


2021-07-14T13:27:09Z
Text replacement - "<code php>" to "<syntaxhighlight lang="php">"

				
				
				
				
				
				← Older revision
				Revision as of 13:27, 14 July 2021
				
Line 37:
Line 37:
The best example I can think of is a real example. The following code is taken from the first improvement to use this module. The following is for the assignment grading interface. Check out ''mod/assign/lib.php.'' The best example I can think of is a real example. The following code is taken from the first improvement to use this module. The following is for the assignment grading interface. Check out ''mod/assign/lib.php.''



<code php> <syntaxhighlight lang="php">
function mod_assign_output_fragment_gradingpanel($args) { function mod_assign_output_fragment_gradingpanel($args) {
     global $CFG;      global $CFG;

`Mudrd8mz: Text replacement - "`" to ""

2021-07-14T13:06:58Z

Text replacement - "</code>" to "</syntaxhighlight>"

← Older revision		Revision as of 13:06, 14 July 2021
Line 64:		Line 64:
	return $assign->view('gradingpanel', $viewargs);		return $assign->view('gradingpanel', $viewargs);
	}		}
	</~~code~~>		</syntaxhighlight>

	For the JavaScript that accompanies this callback, have a look at ''mod/assign/amd/src/grading_panel.js''		For the JavaScript that accompanies this callback, have a look at ''mod/assign/amd/src/grading_panel.js''

Damyon at 06:55, 14 July 2017

2017-07-14T06:55:41Z

← Older revision		Revision as of 06:55, 14 July 2017
Line 82:		Line 82:
	[[Category:FAQ]]		[[Category:FAQ]]
	[[Category:Javascript]]		[[Category:Javascript]]

			=See also=
			* [[MForm_Modal]]

Marina.glancy: /* How it works */

2016-10-10T11:20:56Z

How it works

← Older revision		Revision as of 11:20, 10 October 2016
Line 72:		Line 72:
	# The module fragment is included in a JavaScript file.		# The module fragment is included in a JavaScript file.
	# When desired a call is made to the ''loadFragment'' function with various parameters including the name of the callback that will supply the rendered HTML.		# When desired a call is made to the ''loadFragment'' function with various parameters including the name of the callback that will supply the rendered HTML.
	# ''loadFragment'' makes an AJAX call to a web service. This web service switches the requires manager class to a specific class (''fragment_requirements_manager'') for collecting all necessary JavaScript that is included in the html to be returned by the callback function.		# ''loadFragment'' makes an AJAX call to a web service ''core_get_fragment''. This web service switches the requires manager class to a specific class (''fragment_requirements_manager'') for collecting all necessary JavaScript that is included in the html to be returned by the callback function. It also validates user access to the context (equivalent of calling ''require_login()'') and then adds the context object to parameters as $args['context'] so the callback can do additional validation such as permission check.
	# Now the callback is made and the function will generate the HTML. This HTML is returned to the web service.		# Now the callback is made and the function will generate the HTML. This HTML is returned to the web service.
	# The web service collects all the JavaScript from the ''fragments_requirements_manager'' and sends back an array with both the HTML and JavaScript.		# The web service collects all the JavaScript from the ''fragments_requirements_manager'' and sends back an array with both the HTML and JavaScript.

Abgreeve: Added the moodle version

2016-05-19T06:04:31Z

Added the moodle version

← Older revision		Revision as of 06:04, 19 May 2016
Line 1:		Line 1:
			{{Moodle 3.1}}

	=Introduction=		=Introduction=
	fragment.js is an Asynchronous Module Definition (AMD) to allow the inclusion of rendered HTML code and associated JavaScript to be inserted through AJAX onto a page.		fragment.js is an Asynchronous Module Definition (AMD) to allow the inclusion of rendered HTML code and associated JavaScript to be inserted through AJAX onto a page.

Abgreeve: Added the JavaScript category.

2016-05-19T06:02:05Z

Added the JavaScript category.

← Older revision		Revision as of 06:02, 19 May 2016
Line 79:		Line 79:
	[[Category:Forms]]		[[Category:Forms]]
	[[Category:FAQ]]		[[Category:FAQ]]
			[[Category:Javascript]]

Damyon at 06:48, 5 May 2016

2016-05-05T06:48:01Z

← Older revision		Revision as of 06:48, 5 May 2016
Line 78:		Line 78:

	[[Category:Forms]]		[[Category:Forms]]
			[[Category:FAQ]]

Damyon at 06:47, 5 May 2016

2016-05-05T06:47:45Z

← Older revision		Revision as of 06:47, 5 May 2016
Line 77:		Line 77:
	[[{{ns:file}}:fragments-extra.png]]		[[{{ns:file}}:fragments-extra.png]]

	~~[[Category:Javascript]]~~
	[[Category:Forms]]		[[Category:Forms]]

Damyon at 06:46, 5 May 2016

2016-05-05T06:46:09Z

← Older revision		Revision as of 06:46, 5 May 2016
Line 76:		Line 76:

	[[{{ns:file}}:fragments-extra.png]]		[[{{ns:file}}:fragments-extra.png]]

			[[Category:Javascript]]
			[[Category:Forms]]

Abgreeve: /* How it works */ written explanation

2016-05-04T01:48:40Z

How it works: written explanation

← Older revision		Revision as of 01:48, 4 May 2016
Line 67:		Line 67:

	=How it works=		=How it works=

			# The module fragment is included in a JavaScript file.
			# When desired a call is made to the ''loadFragment'' function with various parameters including the name of the callback that will supply the rendered HTML.
			# ''loadFragment'' makes an AJAX call to a web service. This web service switches the requires manager class to a specific class (''fragment_requirements_manager'') for collecting all necessary JavaScript that is included in the html to be returned by the callback function.
			# Now the callback is made and the function will generate the HTML. This HTML is returned to the web service.
			# The web service collects all the JavaScript from the ''fragments_requirements_manager'' and sends back an array with both the HTML and JavaScript.
			# The ''loadFragment'' function now checks the page to see if the JavaScript it has received has been loaded already. Only JavaScript that needs to be loaded is returned in the promise with the HTML.

	[[{{ns:file}}:fragments-extra.png]]		[[{{ns:file}}:fragments-extra.png]]

← Older revision		Revision as of 13:27, 14 July 2021
Line 37:		Line 37:
	The best example I can think of is a real example. The following code is taken from the first improvement to use this module. The following is for the assignment grading interface. Check out ''mod/assign/lib.php.''		The best example I can think of is a real example. The following code is taken from the first improvement to use this module. The following is for the assignment grading interface. Check out ''mod/assign/lib.php.''

	<~~code~~ php>		<syntaxhighlight lang="php">
	function mod_assign_output_fragment_gradingpanel($args) {		function mod_assign_output_fragment_gradingpanel($args) {
	global $CFG;		global $CFG;