PHP-GTK2 Newsletter

PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou



Sample Code 126: How to drag and drop between a table and a list - Part 1 - left to right?
Written by kksou   
Saturday, 23 December 2006
Problem

Suppose you would like to allow users to select items by drag-and-drop from the table on the left to the list on the right as shown below:

How to drag and drop between a table and a list - Part 1 - left to right?


Solution

You can add in drag-and-drop support using exactly the same technique as outlined in the article How to drag and drop between 2 GtkTreeViews - Part 1 - left to right?


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   
<?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("Drag and Drop between a table and a list - Part 1");
$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);

// setup table
$table = new GtkTable();
$data = array(
array('', 'header1', 'header2', 'header3'),
array('row0', 1, 2, 3),
array('row1', 4, 5, 6),
array('row2', 7, 8, 9),
array('row3', 10, 11, 12),
array('row4', 13, 14, 15));
display_table ($table, $data);

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

// setup treeview
$data2 = array();
$view2 = display_treeview($hbox, $data2);
$view2->drag_dest_set(Gtk::DEST_DEFAULT_ALL,
    array( array( 'text/plain', 0, 0)), 
    Gdk::ACTION_COPY|Gdk::ACTION_MOVE); // note 2
$view2->connect('drag-data-received', 'on_drop', $table); // note 2

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

function display_table($table, $a) {
    for ($row=0; $row<count($a); ++$row) {
        for ($col=0; $col<count($a[$row]); ++$col) {
            $frame = new GtkFrame(); // note 1
            $eventbox = new GtkEventBox(); // note 2
            $frame->add($eventbox); // note 3
            $label = new GtkLabel($a[$row][$col]);
            $eventbox->add($label); // note 4
            if ($row==0) { // note 5
                $eventbox->modify_bg(Gtk::STATE_NORMAL,
                    GdkColor::parse("#FFCC66"));
            } elseif ($row%2==0) { // note 6
                $eventbox->modify_bg(Gtk::STATE_NORMAL,
                    GdkColor::parse("#CCFF99"));
            }
            $table->attach($frame, $col, $col+1, $row, $row+1,
                Gtk::FILL, Gtk::SHRINK, 0, 0);
            $eventbox->drag_source_set(Gdk::BUTTON1_MASK, 
                array( array( 'text/plain', 0, 0)), 
                   Gdk::ACTION_COPY|Gdk::ACTION_MOVE); // note 1
            $eventbox->connect('drag-data-get', 'on_drag',
                $row, $col, $a[$row][$col]); // note 1
        }
    }
}

function display_treeview($container, $data) {

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

    // Creates the list store
    if (defined("GObject::TYPE_STRING")) {
         $model = new GtkListStore(GObject::TYPE_LONG, GObject::TYPE_LONG,
            GObject::TYPE_STRING);
    } else {
        $model = new GtkListStore(Gtk::TYPE_LONG, Gtk::TYPE_LONG,
            Gtk::TYPE_STRING);
    }

    $field_header = array('Row', 'Col', 'Value');
    $field_justification = array(0.5, 0.5, 0.0);

    // Creates the view to display the list store
    $view = new GtkTreeView($model);
    $scrolled_win->add($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);
  • 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

This example make use of the code from the article How to drag and drop between 2 GtkTreeViews - Part 1 - left to right?

This table on the left was direct from the article How to display a 2D array in table - Part 5?

What's new here:

  1. Set up drag on the left side (the table). Note that we have to setup drag on the eventbox containing the label.
  2. Set up drop on the right side (the tree view).
  3. Set the data to be dragged.
  4. Grab the dragged data.
  5. Show the dragged data in the treeview. Note that we didn't do any check for duplicate data here to keep the code easier to read and understand.

Related Links
 
< Prev   Next >

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