Hi list,
I am new to Qooxdoo. I am reading a lot in the docu and now I want to play a
little bit in the playground to understand the examples better.
I tried to fill in the code from Table_Conditional demo.

http://demo.qooxdoo.org/current/demobrowser/#table~Table_Conditional.html

I know I cannot copy paste this code for using in playground:
-----------------
 getCaption : function() {
      return "Table using conditional cell renderer";
    },


    createTable : function()
    {
      // table model
      var tableModel = new qx.ui.table.model.Simple();
      tableModel.setColumns([ "ID", "Number 1", "Number 2", "Image" ]);

      var image = [
       "icon/16/actions/dialog-ok.png",
       "icon/16/actions/dialog-cancel.png"
      ];

      var rowData = [];
      for (var row = 0; row < 100; row++) {
        var x = Math.random() * 1000;
        rowData.push([ row, x, x, image[Math.floor(x) % 2] ]);
      }
      tableModel.setData(rowData);
      tableModel.setColumnEditable(1, true);
      tableModel.setColumnEditable(2, true);

      // table
      var table = new qx.ui.table.Table(tableModel);

      table.setMetaColumnCounts([1, -1]);
      var selectionMode =
qx.ui.table.selection.Model.MULTIPLE_INTERVAL_SELECTION;
      table.getSelectionModel().setSelectionMode(selectionMode);

      var newRenderer = new qx.ui.table.cellrenderer.Conditional("right",
"", "", "");
      newRenderer.addNumericCondition(">", 0,   null, "#FF0000", null,
null);
      newRenderer.addNumericCondition(">", 50,  null, "#EE0011", null,
null);
      newRenderer.addNumericCondition(">", 100, null, "#DD0022", null,
null);
      newRenderer.addNumericCondition(">", 150, null, "#CC0033", null,
null);
      newRenderer.addNumericCondition(">", 200, null, "#BB0044", null,
null);
      newRenderer.addNumericCondition(">", 250, null, "#AA0055", null,
null);
      newRenderer.addNumericCondition(">", 300, null, "#990066", null,
null);
      newRenderer.addNumericCondition(">", 350, null, "#880077", null,
null);
      newRenderer.addNumericCondition(">", 400, null, "#770088", null,
null);
      newRenderer.addNumericCondition(">", 450, null, "#660099", null,
null);
      newRenderer.addNumericCondition(">", 500, null, "#5500AA", null,
null);
      newRenderer.addNumericCondition(">", 550, null, "#4400BB", null,
null);
      newRenderer.addNumericCondition(">", 600, null, "#3300CC", null,
null);
      newRenderer.addNumericCondition(">", 650, null, "#2200DD", null,
null);
      newRenderer.addNumericCondition(">", 700, null, "#1100EE", null,
null);
      newRenderer.addNumericCondition(">", 750, null, "#0000FF", null,
null);
      newRenderer.addNumericCondition(">", 800, null, "#0033FF", null,
null);
      newRenderer.addNumericCondition(">", 850, null, "#0066FF", null,
null);
      newRenderer.addNumericCondition(">", 900, null, "#0099FF", null,
null);
      newRenderer.addNumericCondition(">", 950, "center", "#00CCFF", null,
"bold");
      table.getTableColumnModel().setDataCellRenderer(2, newRenderer);

      var renderer = new qx.ui.table.cellrenderer.Image(19, 16);
      table.getTableColumnModel().setDataCellRenderer(3, renderer);

      return table;
    }

------------------

But how can I do this to play a little bit with conditions, colors and
other?

best regards
Hansjoerg
-- 
View this message in context: 
http://old.nabble.com/Playground-example--tp27435590p27435590.html
Sent from the qooxdoo-devel mailing list archive at Nabble.com.


------------------------------------------------------------------------------
The Planet: dedicated and managed hosting, cloud storage, colocation
Stay online with enterprise data centers and the best network in the business
Choose flexible plans and management services without long-term contracts
Personal 24x7 support from experience hosting pros just a phone call away.
http://p.sf.net/sfu/theplanet-com
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to