Difference between revisions of "Hacking dependent values"
Jump to navigation
Jump to search
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...") |
m (3 revisions imported) |
||
| (2 intermediate revisions by one other user not shown) | |||
| 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() { | ||
| 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) { | ||
var selectTo = document.getElementById(dependantField); | var selectTo = document.getElementById(dependantField); | ||
var selectToOptions = selectTo.options; | var selectToOptions = selectTo.options; | ||
Latest revision as of 11:52, 10 December 2021
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
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) {
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);
}
}
}