PHP-GTK2 Newsletter

PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou



Sample Code 181: How to setup pulldown menu with 2 columns - Part 3 - using self defined combobox?
Written by kksou   
Wednesday, 21 February 2007
Problem

While a standard GtkComboBox should cater to most of the needs, there are situation in which a self-defined combobox is desirable. You may refer to here for an example.

This example will allow you to display a combobox with two columns of data as shown below. It's "more powerful" than the standard GtkComboBox in that the popup combobox uses a standard treeview. You can get signals for every button-press and key-press event on the treeview. So if you have thousand over records in the pulldown menu, you can manually display 10 records at a time. When the user preses PgDn, you can display the next 10 records, etc.

How to setup pulldown menu with 2 columns - Part 3 - using self defined combobox?


Solution

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   
101   
102   
103   
104   
105   
106   
107   
108   
109   
110   
111   
112   
113   
114   
115   
116   
117   
118   
119   
120   
121   
122   
123   
124   
125   
126   
127   
128   
129   
130   
131   
132   
133   
134   
135   
136   
137   
138   
139   
140   
141   
142   
143   
144   
145   
<?php
$window = new GtkWindow();
$window->connect_simple('destroy', array( 'Gtk', 'main_quit'));
$window->set_size_request(400,150);
$window->add($vbox = new GtkVBox());

// display title
$title = new GtkLabel("Setup pulldown menu with 2 columns - Part 3\n".
"using self-defined combobox");
$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);
$title->set_justify(Gtk::JUSTIFY_CENTER);
$alignment = new GtkAlignment(0.5, 0, 0, 0);
$alignment->add($title);
$vbox->pack_start($alignment, 0, 0);
$vbox->pack_start(new GtkLabel(), 0, 0);

$vbox->pack_start($hbox=new GtkHBox(), 0, 0);
$hbox->pack_start(new GtkLabel('Select: '), 0, 0);

// Setup combobox

$combobox = new ComboBox1($window); // note 1
$hbox->pack_start($combobox, 0, 0);
$hbox->pack_start(new GtkLabel('  '), 0, 0);
$hbox->pack_start($button = new GtkButton('Submit'), 0, 0);
$button->set_size_request(60, 24);
$button->connect('clicked', "on_submit_button", $combobox);

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

class ComboBox1 extends GtkHBox {

    function __construct($parent_window) {
        parent::__construct();
        $this->parent_window = $parent_window;
        $this->entry = new GtkEntry();
        $this->entry->set_size_request(120, -1);
        $this->pack_start($this->entry, 0, 0);
        $this->pack_start($this->button = new GtkButton('V'), 0, 0);

        $this->button->connect('clicked', array(&$this, 'on_button')); // note 2
        $this->entry->connect('key-press-event', 
            array(&$this, 'on_keypress_entry')); // note 3
    }

    function on_keypress_entry($widget, $event) {
        $this->button->clicked();
    }

    function on_button($button) { // process button click
        $win_pos=$this->parent_window->get_position();
        $x_field_pos=$this->entry->allocation->x;
        $y_field_pos=$this->entry->allocation->y;
        $x_shift=4;
        $y_shift=23+$this->entry->allocation->height;

        $x_win=$win_pos[0]+$x_field_pos+$x_shift;
        $y_win=$win_pos[1]+$y_field_pos+$y_shift;

        $this->dialog = new GtkDialog(null, null, 
            Gtk::DIALOG_MODAL|Gtk::DIALOG_NO_SEPARATOR); // note 4
        $this->dialog->set_decorated(false);
        $this->dialog->set_size_request(120, 250);
        $this->dialog->set_uposition($x_win,$y_win);

        $scrolled_win = new GtkScrolledWindow();
        $scrolled_win->set_policy( Gtk::POLICY_AUTOMATIC,
            Gtk::POLICY_AUTOMATIC);
        $this->dialog->vbox->pack_start($scrolled_win);

        // the selection
        $data = array(
            array("01","Ferro"),
            array("02","Acciaio"),
            array("03","Tungsteno"),
            array("042","Rame"),
            array("044","Piombo"),
            array("05","Alluminio"),
            array("06","Carbonio"),
            array("07","Uranio"),
            array("08","Cobalto"),
            array("07","Plutonio"),
            array("08","Ottone"),
            array("09","Zama"),
            array("10","Molibdeno"),
            array("11","Bronzo"),
            array("12","Oro"),
            array("13","Argento"),
            array("14","Platino"),
            array("15","Berillio")
        );

        $this->display_table ($scrolled_win, $data);
        $this->dialog->action_area->set_size_request(-1, 0);
        $this->dialog->connect('key-press-event', array(&$this, 'on_keypress'));

        $this->dialog ->show_all();
        $this->dialog->run();
    }

    function display_table($scrolled_win, $data) {
        // Creates the list store
        if (defined("GObject::TYPE_STRING")) {
            $model = new GtkListStore(GObject::TYPE_STRING, GObject::TYPE_STRING);
        } else {
            $model = new GtkListStore(Gtk::TYPE_STRING, Gtk::TYPE_STRING);
        }
        $field_header = array('Row #', 'Description');
        $field_justification = array(0.0, 0.0);

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

        // Creates the columns
        for ($col=0; $col<count($field_header); ++$col) {
            $cell_renderer = new GtkCellRendererText();
            $cell_renderer->set_property("xalign",
                $field_justification[$col]);
            $column = new GtkTreeViewColumn($field_header[$col],
                $cell_renderer, 'text', $col);
            $column->set_alignment($field_justification[$col]);
            $column->set_sort_column_id($col);

            // set the header font and color
            $label = new GtkLabel($field_header[$col]);
            $label->modify_font(new PangoFontDescription("Arial Bold"));
            $label->modify_fg(Gtk::STATE_NORMAL, GdkColor::parse("#0000FF"));
            $column->set_widget($label);
            $label->show();

            // setup self-defined function to display alternate row color
            $column->set_cell_data_func($cell_renderer,
                array(&$this, "format_col"), $col);
            $this->view->append_column($column);
        }

        // pupulates the data
        for ($row=0; $row<count($data); ++$row) {
            $values = array();
            for ($col=0; $col<count($data[$row]); ++$col) {
                $values[] = $data[$row][$col];
  • 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 sample code is based on Angelo's code and How to display a 2D array in GtkTreeView - Part 5 - get user selection?

What's new here:

  1. Create an instance of our self-defined combobox.
  2. Set up the arrow button that popups the combobox.
  3. When the user hits any key in the GtkEntry, we manually generate a click to popup the combobox.
  4. We use a dialog to display the popup combobox.
  5. Comment this line if you wish to display alternate row color.
  6. Get the user selection and insert them in the GtkEntry.
  7. Destroy the dialog box.

Note

As pointed out by one of the readers of the ebook, "the fun really begins when you start to create your own php-gtk2 widgets."

If you don't quite understand the codes in this example, I would really encourage you to read "Chapter 4: Object-Oriented Framework" of the ebook. It explains clearly the object-oriented framework in php-gtk2 and gives examples of various ways of creating your own widgets.


Related Links
 

Add comment


Security code
Refresh

< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Copyright © 2006-2012. kksou.com. All Rights Reserved