PHP-GTK2 Newsletter

PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou



Sample Code 345: How to set up combobox in treeview with colors - Part 3?
Written by kksou   
Monday, 15 October 2007
Problem

Please take a look at How to set up combobox in treeview with colors - Part 1? which shows you how to color-code the options of the pulldown menu as shown bwlow.

Andre Colomb wrote to me with a second method of displaying the options in color.

How to set up combobox in treeview with colors - Part 3?


Solution
  • The GtkCellRendererCombo generates the pulldown menu on the fly when you click the down arrow.
  • In the previous method, Andre gets hold of the pointer to the combobox renderer used by that transient pulldown menu.
  • Andre's new approach was to remove the original combobox renderer and attach a new one to it.

Sample Code
1   
2   
3   
4   
5   
6   
7   
8   
9   
10   
11   
12   
13   
14   
15   
16   
17   
18   
19   
20   
21   
22   
23   
24   
25   
26   
27   
28   
29   
30   
31   
32   
33   
34   
35   
36   
37   
38   
39   
40   
41   
42   
43   
44   
45   
46   
47   
48   
49   
50   
51   
52   
53   
54   
55   
56   
57   
58   
59   
60   
61   
62   
63   
64   
65   
66   
67   
68   
69   
70   
71   
72   
73   
74   
75   
76   
77   
78   
79   
80   
81   
82   
83   
84   
85   
86   
87   
88   
89   
90   
91   
92   
93   
94   
95   
96   
97   
98   
99   
100   
<?php
$window = new GtkWindow();
$window->set_size_request(400, 200);
$window->connect_simple('destroy', array('Gtk','main_quit'));

$window->add($vbox = new GtkVBox());

// display title
$title = new GtkLabel("Combobox in treeview with color - Part 3");
$title->modify_font(new PangoFontDescription("Times New Roman Italic 10"));
$title->modify_fg(Gtk::STATE_NORMAL, GdkColor::parse("#0000ff"));
$title->set_size_request(-1, 40);
$vbox->pack_start($title, 0, 0);
$vbox->pack_start(new GtkLabel(), 0, 0);

// the 2D table
$data = array(
array('row0', 'item 1', 2, 3.1),
array('row1', 'item 4', 5, 6.21),
array('row2', 'item 7', 8, 9.36),
array('row3', 'item 10', 11, 12.4),
array('row4', 'item 21', 14, 15.5),
array('row5', 'item 36', 17, 18.6),
array('row6', 'item 42', 20, 21.73));

display_table($vbox, $data);

$window->show_all();
Gtk::main();

function display_table($vbox, $data) {

    // Set up a scroll window
    $scrolled_win = new GtkScrolledWindow();
    $scrolled_win->set_policy( Gtk::POLICY_AUTOMATIC,
        Gtk::POLICY_AUTOMATIC);
    $vbox->pack_start($scrolled_win);

    // creates the list store
    if (defined("GObject::TYPE_STRING")) {
        $model = new GtkListStore(GObject::TYPE_STRING, GObject::TYPE_STRING,
            GObject::TYPE_LONG, GObject::TYPE_DOUBLE, GObject::TYPE_STRING);
    } else {
        $model = new GtkListStore(Gtk::TYPE_STRING, Gtk::TYPE_STRING,
            Gtk::TYPE_LONG, Gtk::TYPE_DOUBLE, Gtk::TYPE_STRING);
    }
    $field_header = array('Row #', 'Description', 'Qty', 'Price');

    // creates the view to display the list store
    $view = new GtkTreeView($model);
    $scrolled_win->add($view);

    // creates columns
    for ($col=0; $col<count($field_header); ++$col) {
        $cell_renderer = new GtkCellRendererText();
        $column = new GtkTreeViewColumn($field_header[$col],
            $cell_renderer, 'text', $col);
        $column->set_cell_data_func($cell_renderer, "format_col", $col);
        $view->append_column($column);
    }

    // setup combo box
    $cell_renderer = new GtkCellRendererCombo();
    if (defined("GObject::TYPE_STRING")) {
        $category = new GtkListStore(GObject::TYPE_STRING, 
            GObject::TYPE_STRING); // note 1
    } else {
        $category = new GtkListStore(Gtk::TYPE_STRING, 
        Gtk::TYPE_STRING); // note 1
    }
    $options = array('grp 1'=>'#ff0000', 'grp 2'=>'#00ff00',
        'grp 3'=>'#0000ff', 'grp 4'=>'#ffff00');
    foreach($options as $option=>$color) { // note 1
        $category->append(array($option, $color));
    }
    $cell_renderer->set_property('model', $category);
    $cell_renderer->set_property('text-column', 0);
    $cell_renderer->set_property('editable', true);
    $cell_renderer->set_property('has-entry', false); // note 2
    $cell_renderer->connect('editing-started', 'editing_started'); // note 3
    $cell_renderer->connect('edited', 'on_combo', $model);

    $column = new GtkTreeViewColumn('Category', $cell_renderer, 'text', 4);
    $column->set_cell_data_func($cell_renderer, "format_col", 4);
    $view->append_column($column);

    $selection = $view->get_selection();
    $selection->connect('changed', 'on_selection');

    // pupulates the data
    for ($row=0; $row<count($data); ++$row) {
        $values = array();
        for ($col=0; $col<count($data[$row]); ++$col) {
            $values[] = $data[$row][$col];
        }
        $values[] = '';

        $model->append($values);
    }
}
  • Note that this is only 70% of the sample code. You have to be a registered member to see the entire sample code. Please login or register.
  • Registration is free and immediate.
  • Have some doubt about the registration? Please read this forum article.
Explanation

The above cocde is based on How to use GtkCellRendererCombo - Part 3 - process user selection?

What's new here:

  1. Note that we added one more column in the data model to store the color for each option.
  2. Note that this method only works for 'has-entry' set to false, i.e. the user is required select values from the pulldown menu. He or she are not allowed to enter his/her own values.
  3. Register for the signal 'editing-started' on the cellrenderer.
  4. Remove the original combobox renderer.
  5. Create a new cellrenderer and pack it into the cellview associated with the combobox.
  6. Set the cell display function for the cellrenderer of the combobox.
  7. Set the value of the option.
  8. Set the background color for this option.

Note

Note that using this method, there's no longer any error messages in the command line! (Please refer to How to set up combobox in treeview with colors - Part 1? for details.)


Related Links
 

Add comment


Security code
Refresh

< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Links - Classes - Social Business - BPM - Web - General
Copyright © 2006-2013. kksou.com. All Rights Reserved