Dependent dropdowns - Revision history

Gityerfix: Reverted edits by Agegeleruvy (Talk); changed back to last version by Prohacx

2010-11-30T05:23:59Z

Reverted edits by Agegeleruvy (Talk); changed back to last version by Prohacx

2010-11-24T03:02:05Z

2009-03-24T20:57:56Z

‎All together now

2009-03-24T13:12:55Z

2009-03-24T13:12:25Z

‎Client side

2009-03-24T13:11:52Z

‎Components

2009-03-24T13:11:22Z

‎Introduction

2009-03-24T13:10:51Z

‎All together now

2009-03-24T13:07:16Z

‎All together now

2009-03-24T12:45:12Z

‎Client side

@@ Line 239: / Line 239: @@
 <source lang="javascript">
-	allRootCauses[0] = "40001|Hardware.Server.Error";
+allRootCauses[0] = "40001|Hardware.Server.Error";
-	allRootCauses[1] = "40002|Hardware.Server.Component Failure";
+allRootCauses[1] = "40002|Hardware.Server.Component Failure";
-	allRootCauses[2] = "40003|Hardware.Network.Firewall";
+allRootCauses[2] = "40003|Hardware.Network.Firewall";
-	allRootCauses[3] = "40004|Hardware.Network.Router";
+allRootCauses[3] = "40004|Hardware.Network.Router";
-	allRootCauses[4] = "40005|Hardware.Network.Cable";
+allRootCauses[4] = "40005|Hardware.Network.Cable";
-	allRootCauses[5] = "40006|Software.Browser.Settings";
+allRootCauses[5] = "40006|Software.Browser.Settings";
-	allRootCauses[6] = "40007|Software.Browser.Version";
+allRootCauses[6] = "40007|Software.Browser.Version";
 </source>

@@ Line 19: / Line 19: @@
 Let's take a look at an implementation that pre-loads all data.
 == Components ==
@@ Line 65: / Line 66: @@
 * save the values to the database once a selection is made in the last dropdown (setrootcause)
 * display values back from the database when the form is initially loaded (readrootcause)
 == All together now ==

← Older revision		Revision as of 13:12, 24 March 2009
Line 56:		Line 56:

	[[Image:DropdownsVIEW.jpg\|view mode]]		[[Image:DropdownsVIEW.jpg\|view mode]]
		+

	An additional field (SET.rootcause) will be necessary to make sure that any selection made in the dropdowns is stored into the database when you save the form.		An additional field (SET.rootcause) will be necessary to make sure that any selection made in the dropdowns is stored into the database when you save the form.

← Older revision		Revision as of 13:11, 24 March 2009
Line 46:		Line 46:

	To get these values from the back end and pass them onto our front end (javascript) we will use a PDM_LIST tag.		To get these values from the back end and pass them onto our front end (javascript) we will use a PDM_LIST tag.
		+

	=== Client side ===		=== Client side ===

@@ Line 2: / Line 2: @@
 On a regular basis, people ask on the forums for a solution implementing dependent dropdowns.
 ;dependent dropdowns
 : values in a dropdown are depending on a selection made in an earlier dropdown field.
 Since selecting a value in a dropdown is done client-side, at least some part of the solution will include (client-side) javascript coding.

@@ Line 303: / Line 303: @@
 </source>
 * on the BODY tag, make sure you add the setting of your dropdowns (for edit mode):
@@ Line 309: / Line 312: @@
 <BODY class=detailro onLoad="loadActions();fillDependantDropdown(1);fillDependantDropdown(2);fillDependantDropdown(3)" onUnload="unloadActions()">
 </source>
 * also add the SET.rootcause field to you form (after <PDM_IF "$prop.form_name_3" == "edit">):

@@ Line 227: / Line 227: @@
+}
 </source>
 * In your HTMPL, before the dtlEndTable tag, add this:

← Older revision		Revision as of 12:45, 24 March 2009
Line 51:		Line 51:

	and plain text when in viewing mode.		and plain text when in viewing mode.
		+
	[[Image:DropdownsVIEW.jpg\|view mode]]		[[Image:DropdownsVIEW.jpg\|view mode]]