Hacking dependent values - Revision history

Tvi: 3 revisions imported

2021-12-10T10:52:43Z

3 revisions imported

← Older revision	Revision as of 12:52, 10 December 2021
(No difference)

old>Admin at 01:10, 8 January 2020

2020-01-08T01:10:21Z

← Older revision		Revision as of 03:10, 8 January 2020
Line 1:		Line 1:

	The following article is subject to change during 2020		The following article is subject to change during 2020:
			The functions '''lookupBuilderShowAll''' and '''lookupBuilderFilter''' will probably become a part of the standard TS javascript library.

	=== Example: Show all sub categories for a distinct main value ===		=== Example: Show all sub categories for a distinct main value ===
Line 34:		Line 35:
	=== Example: Filter categories based on value in another field ===		=== Example: Filter categories based on value in another field ===
	In the following the field CAT2 will filter out values containing ":", where the value of the field NAVN cannot be found in the category name.		In the following the field CAT2 will filter out values containing ":", where the value of the field NAVN cannot be found in the category name.


	$("#DATA_CAT1").on('change', function() {		$("#DATA_CAT1").on('change', function() {

old>Admin: /* Example: Filter categories based on value in another field */

2020-01-08T01:08:48Z

Example: Filter categories based on value in another field

← Older revision		Revision as of 03:08, 8 January 2020
Line 43:		Line 43:
	/* remove function after next update after 2020-01-08 */		/* remove function after next update after 2020-01-08 */
	function lookupBuilderFilter(dependantField,lookForValue,lookForMarker) {		function lookupBuilderFilter(dependantField,lookForValue,lookForMarker) {

	~~console.log("Filtering values for elements with"+lookForValue);~~

	var selectTo = document.getElementById(dependantField);		var selectTo = document.getElementById(dependantField);
	var selectToOptions = selectTo.options;		var selectToOptions = selectTo.options;

old>Admin: Created page with " The following article is subject to change during 2020 === Example: Show all sub categories for a distinct main value === In the following the field CAT2 will display all po..."

2020-01-08T01:08:31Z

Created page with " The following article is subject to change during 2020 === Example: Show all sub categories for a distinct main value === In the following the field CAT2 will display all po..."

New page

The following article is subject to change during 2020

=== Example: Show all sub categories for a distinct main value ===
In the following the field CAT2 will display all possible categories, if the field CAT has the value "alle"

$("#DATA_CAT1").on('change', function() {
if( getValue("CAT1") == "alle" )
lookupBuilderShowAll("DATA_CAT2");
});

/* remove function after next update after 2020-01-08 */
function lookupBuilderShowAll(dependantField) {
var selectTo = document.getElementById(dependantField);
var selectToValue = selectTo[selectTo.selectedIndex].value;
var optionList = masterOptionContainer[dependantField];
var optionListLength = optionList.length;
var optionCount = 0;
selectTo.options[0] = new Option( "", "" );
for( var i=0; i < optionListLength; i++ )
{
var optionItem = optionList[i];
var dependID = optionItem["dependID"];
optionCount++;
selectTo.options[optionCount] = new Option( optionItem["itemValue"], optionItem["itemID"]);
if( selectToValue == optionItem["itemID"] ) {
selectTo.options[optionCount].selected = true;
}
}
}

=== Example: Filter categories based on value in another field ===
In the following the field CAT2 will filter out values containing ":", where the value of the field NAVN cannot be found in the category name.

$("#DATA_CAT1").on('change', function() {
if( getValue("CAT1") == "andet" )
lookupBuilderFilter("DATA_CAT2",getValue("NAVN"),':');
});

/* remove function after next update after 2020-01-08 */
function lookupBuilderFilter(dependantField,lookForValue,lookForMarker) {

console.log("Filtering values for elements with"+lookForValue);

var selectTo = document.getElementById(dependantField);
var selectToOptions = selectTo.options;
var optionListLength = selectToOptions.length;
for( var i=0; i < selectToOptions.length; i++ )
{
var itemValue = selectToOptions[i].text;
if( itemValue.indexOf(lookForValue) == -1 && itemValue.indexOf(lookForMarker) > -1 ) {
console.log("Removing element: " + itemValue );
console.log("Removing element: " + selectToOptions[i].value );
selectTo.remove(i);
}
}
}