|
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.
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:
- Create an instance of our self-defined combobox.
- Set up the arrow button that popups the combobox.
- When the user hits any key in the GtkEntry, we manually generate a click to popup the combobox.
- We use a dialog to display the popup combobox.
- Comment this line if you wish to display alternate row color.
- Get the user selection and insert them in the GtkEntry.
- 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
User reviews Average user ratings:  0.0 (from 3 users) Note: You have to be a registered member to leave a comment. Free registration here. |
February 24, 2007 4:01am
Try this !!!...
function on_button($button) { // process button click
$this->parent_window->set_sensitive(false);
$this->parent_window->set_decorated(false);
// == ENTRY POSITION
$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, $this->parent_window,
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();
$this->parent_window->set_sensitive(true);
$this->parent_window->set_decorated(true);
}
February 24, 2007 8:46am
Very interesting, Angelo!
For those interested, Angelo has added the first two lines and last two lines. The method set_sensitive(false) grays out the parent window. The effect is to make the user "focus" on the pulldown menu.
A little suggestion here. The line $this->parent_window->set_decorated(false) removes the title bar, causing the widgets in the entire parent window to move up. As such, the original calculation of the position of the pulldown menu becomes slightly out of place. And you will find that the "shifting up" of the parent window contents may sometimes confuses users. Maybe in actual application, you will want to just set $this->parent_window->set_sensitive(false).
March 03, 2007 12:32pm
kksou..
I've used method $this->parent_window
->set_decorated(false)
beacuse under win32 there is a bug..
and a user is able to drag the parent window .
I think there is no other way to block the parent window to make it .