FSN#36009 Multiselect ingeklapt beginnen

svn path=/Website/trunk/; revision=28789

APPL/Localscripts/FcltJquery.js

@@ -289,6 +289,45 @@ jQuery.fn.filterByText = function(textbox, selectSingleMatch) {
   });
 };
 
+// Add a clickable  sign after a select element that when clicked
+// toggles the multiple attribute on the select box
+(function($){
+
+  $( document ).on('click', '.multi_select_toggle', function(e){
+      var sel_id = $(e.target).attr("fcltfor");
+      var selector = $('select#' + sel_id);
+      if (selector.length && selector[0].className.match(/^ui-/))
+        return; // Afblijven van jQuery calendar jaar listboxje
+      var old = selector.attr('multiple');
+      selector.attr('multiple', !old);
+      selector.attr('size', old?1:Math.min(selector.find("option").length, 8));
+      $(e.target).html(old?' »':' «');
+  })
+
+  $.fn.extend({
+    multiSelectToggle : function(options){
+                            //Settings list and the default values
+                            var defaults = {
+                                label: ' »'
+                            };
+
+                            var options = $.extend(defaults, options);
+                            return this.each(function() {
+                                    var span = $('<span class="labelextra" fcltfor="' + this.id + '" />').html(options.label).addClass('multi_select_toggle');
+                                    var lbl = $("label[for=" + this.id + "]")
+                                    if (lbl.length)
+                                        $(lbl).after(span);
+                                    else
+                                        $(this).after(span);
+                                });
+                          }
+  });
+  $(function () {
+    $('select[fcltmulti=1]').multiSelectToggle();
+  });
+
+})(jQuery);
+
 if (window.fcltfilters)
 {
     $(function ()

APPL/SCF/scaffolding_search.inc

@@ -67,32 +67,6 @@ function scaffolding_search(model, scf_params)
                     event.stopPropagation();
                 })
           });
-          // Add a clickable  sign after a select element that when clicked
-          // toggles the multiple attribute on the select box
-          (function($){
-            $.fn.extend({
-              multiSelectToggle : function(options){
-                                      //Settings list and the default values
-                                      var defaults = {
-                                          label: ' »'
-                                      };
-
-                                      var options = $.extend(defaults, options);
-
-                                      $( document ).on('click', $('.multi_select_toggle'), function(e){
-                                          var selector = $(e.target).prev('select');
-                                          if (selector.length && selector[0].className.match(/^ui-/))
-                                            return; // Afblijven van jQuery calendar jaar listboxje
-                                          var old = selector.attr('multiple');
-                                          selector.attr('multiple', !old);
-                                          selector.attr('size', old?1:Math.min(selector.find("option").length, 8));
-                                          $(selector).next().html(old?' »':' «');
-                                      })
-                                      var span = $('<span />').html(options.label).addClass('multi_select_toggle');
-                                      $(this).after(span);
-                                    }
-            });
-          })(jQuery);
 
           // where needed
           $(function($){

APPL/Shared/selector.inc

@@ -95,8 +95,8 @@ function FCLTselector(fieldName, sql, params)
     %><select class="fld<%=fieldName%><%=params.required? " required" : ""%> <%=params.extraclass? " " + params.extraclass : ""%>"
               name="<%=fieldName%>"
               id="<%=params.id%>"
-              <%=params.multi? " multiple" : ""%>
+              <%=params.multi && params.initKey && String(params.initKey).split(",").length>1? " multiple" : ""%>
-              <%=params.multi && params.size? " size=" + params.size : ""%>
+              <%=params.multi? " fcltmulti=1" : ""%>
               <%=params.disable? " disabled" : ""%>
               <%=params.onChange? " onchange='" + safe.htmlattr(params.onChange) + "'" : ""%>
               <%=params.onDblClick? " onDblClick='" + safe.htmlattr(params.onDblClick) + "'" : "" /* LET OP DAT HTML-HAAKJE HIERACHTER */ %>>