Adapt to latest VirtualSelectBox

Author: zaucker

source/class/qxl/demobrowser/demo/virtual/SelectBox.js

@@ -56,11 +56,14 @@ qx.Class.define("qxl.demobrowser.demo.virtual.SelectBox",
       advanced.add(this.createBox6());
       advanced.add(this.createBox7());
 
-      advanced.add(this.createBox8());
-      advanced.add(this.createBox9());
+      search.add(this.createBox8());
+      search.add(this.createBox9());
+      search.add(this.createBox10());
 
       container.add(standard, {left : 20, top : 20});
       container.add(advanced, {left : 20, top : 200});
+      container.add(search,   {left : 20, top : 380});
+
       this.getRoot().add(scroller, {edge : 0});
     },
 
@@ -281,10 +284,10 @@ qx.Class.define("qxl.demobrowser.demo.virtual.SelectBox",
       return container;
     }
 
-    createBox9 : function()
+    createBox8 : function()
     {
       var container = new qx.ui.container.Composite(new qx.ui.layout.VBox(2));
-      container.add(new qx.ui.basic.Label("Incremental Search"));
+      container.add(new qx.ui.basic.Label("Incremental Search, plain highlighting"));
 
       // Creates the model data
       var rawData = [
@@ -294,8 +297,10 @@ qx.Class.define("qxl.demobrowser.demo.virtual.SelectBox",
       var model   = qx.data.marshal.Json.createModel(rawData);
 
       // Creates the select box
-      var selectBox = new qx.ui.form.VirtualSelectBox(model);
-      selectBox.setIncrementalSearch(true);
+      var selectBox = new qx.ui.form.VirtualSelectBox(model).set({
+        incrementalSearch : true,
+        highlightMode : 'plain'
+      };
       container.add(selectBox);
 
       return container;
@@ -314,10 +319,32 @@ qx.Class.define("qxl.demobrowser.demo.virtual.SelectBox",
       var model   = qx.data.marshal.Json.createModel(rawData);
 
       // Creates the select box
-      var selectBox = new qx.ui.form.VirtualSelectBox(model);
-      selectBox.setIncrementalSearch(true);
-      // Make labels and highlighting rich (HTML formatted)
-      selectBox.setRich(true);
+      var selectBox = new qx.ui.form.VirtualSelectBox(model).set({
+        incrementalSearch : true,
+        highlightMode : 'plain'
+      };
+      container.add(selectBox);
+
+      return container;
+    },
+
+    createBox10 : function()
+    {
+      var container = new qx.ui.container.Composite(new qx.ui.layout.VBox(2));
+      container.add(new qx.ui.basic.Label("Incremental Search, no highlighting"));
+
+      // Creates the model data
+      var rawData = [
+        'Elm street', 'Abbey road', 'Route 61', 'Central station', 'Central Park',
+        'Park Avenue', 'Broadway', 'Hohle Gasse', 'Überlandstrasse'
+      ];
+      var model   = qx.data.marshal.Json.createModel(rawData);
+
+      // Creates the select box
+      var selectBox = new qx.ui.form.VirtualSelectBox(model).set({
+        incrementalSearch : true,
+        highlightMode : 'none'
+      };
       container.add(selectBox);
 
       return container;