Update 2024-01-19: css for optgroup select2, update option+optgroup from json, sub-modul menu with base url.

assets/js/fonia3.js

@@ -4,9 +4,9 @@
     Desc.         : JS - Fonia Custom Class v3
     Created By    : Siau Pheng ([email protected]).
     Created Date  : June 19th, 2009.
-    Last Modified : December 30th, 2023.
+    Last Modified : January 18th, 2024.
 
-    (c) 2009 - 2023, 3FONIA Software; WWW.3FONIA.COM.
+    (c) 2009 - 2024, 3FONIA Software; WWW.3FONIA.COM.
 
 *******************************************************************/
 
@@ -234,6 +234,7 @@ var FoniaJS = {
         }.bind(this));
     },
     genWinToolBut: function(menu) {//oke
+        if (!menu) return '';
         var smenu = '';
         if (typeof menu === 'object'){
             var ma = ' me-sm-2'; smenu = '<div class="col-12 col-sm-6 my-0 mx-sm-0 text-center text-sm-start">';
@@ -256,6 +257,7 @@ var FoniaJS = {
         return smenu;
     },
     genToolButton: function(menu) {//oke
+        if (!menu) return '';
         var smenu = '';
         if (typeof menu === 'object'){
             var ma = ' me-sm-2'; smenu = '<div class="row mt-2 my-sm-2 justify-content-sm-between"><div class="col-sm-6 text-center text-sm-start">';
@@ -706,17 +708,26 @@ Request.JSONF = function(options){//oke
         /*if (ini.css) {
             optIni.prop('disabled', ini.css=='disabled');
         }*/
+        if (!optIni) return;
         if (ini.avalue) {
-            optIni.empty().trigger('change');
+            optIni.empty();
+            var o_group = 0;
             $(ini.avalue).each(function(n, i) {
+                if (i.optgroup) {
+                    if (0 < o_group++) optIni.append('</optgroup>');
+                    optIni.append('<optgroup label="'+i.optgroup+'">');
+                    return;
+                }
                 optIni.append($('<option>', {
                     value: i.value, text: i.html || '\u00A0', label: i.text || '', 'olabel': i.label || ''
-                })).trigger('change');
+                }));
             });
+            if (o_group > 0) optIni.append('</optgroup>');
         }
         if (ini.value) {
-            optIni.val(ini.value).trigger('change');
+            optIni.val(ini.value);
         }
+        optIni.trigger('change');
     };    
     var make_table = function(ini){//oke
         var divData = $('#'+ini.id).empty();