Changes

Teams Winter 2011/team1/RCP/Define and use JFace

No change in size, 15:14, 4 March 2011

no edit summary

=== 21. Show Data in Application ===21.1 Columns data in a JFace table can be hold in <code>ModelProvider</code> and it is defined via instances of <code>TableViewerColumn</code> object:

<code>viewer.setInput(ModelProvider.INSTANCE.getStudents());</code>

and

<code>TableViewerColumn col = createTableViewerColumn(titles[0], bounds[0], 0);</code>

21.2 Add the following lines to <code>StudentsView.java</code> class:

Private variable:

<code>private TableViewer viewer;</code>

</pre>

Add the same functionality for other three columns

21.3 Run your application:

[[Image: Create1.png | 400px]]

=== 32. Add Edit Cell Data Option ===32.1 To make the column editable you need to define an object of type <code>EditingSupport/<code> on your TableColumnViewer.32.2 Create new class for each column that extends <code>EditingSupport</code> class:

<pre>

package cs.ecl.rcp.simplercp.edit;

}

</pre>

32.3 Assign <code>EditorSupport</code> objects to your <code>TableColumnViewers </code>in your <code>StudentView</code> class.

Add the following line at the end of the <code>LabelProvider</code> is set:

<code>col.setEditingSupport(new IdEditingSupport(viewer));</code>

32.4 Run your application. You should now be able to modify the content of the table:

[[Image: Create2.png | 400px]]

=== 43. Add Sorting Option ===43.1 Create a new Class <code>StudentViewerComparator.java</code> put it in package <code>sorter</code>:

<pre>

package cs.ecl.rcp.simplercp.sorter;

}

</pre>

43.2 Add new private variable to <code>StudentsView</code> class:

<code>private StudentViewerComparator comparator;</code>

43.3 Add the following lines to the end of <code>createPartControl()</code> method:

<pre>

comparator = new StudentViewerComparator();

viewer.setComparator(comparator);

</pre>

43.4 Add <code>SelectionListener</code> the to the <code>createTableViewerColumn()</code> method:

<code>column.addSelectionListener(getSelectionAdapter(column, colNumber));</code>

43.5 Add new method:

<pre>

private SelectionAdapter getSelectionAdapter(final TableColumn column, final int index) {

}

</pre>

43.6 Run the application. Click on a column header, the table should be sorted according to the content of this column.

There will also appear a sort-direction in the top of the column:

[[Image: Create3.png | 400px]]

=== 54. Add Filter(Search) Option ===54.1 Create new class that extends <code>ViewerFilter</code>. This class uses case-insensitive filtering:

<pre>

package cs.ecl.rcp.simplercp.filter;

}

</pre>

54.2 Create a new private variable in the <code>StudentView</code> class:

<code>private StudentFilter filter;</code>

54.3 Add the filter to <code>createPartControl()</code> method:

<pre>

filter = new StudentFilter();

viewer.addFilter(filter);

</pre>

54.4 Run the application. Search for the student:

[[Image: Create4.png | 400px]]

=== 65. Add Highlights to Search ===65.1 Create a new helper class and put it in <code>util</code> package.

Method in this class use logic that is case-insensitive, because filter is case-insensitive:

<pre>

}

</pre>

65.2 Change the way columns are created in the <code>createColumns()</code> method.

Following is the code for the first column, other columns need to be changed in similar way:

<pre>

col.setEditingSupport(new IdEditingSupport(viewer));

</pre>

65.3 Run the application. Now your search matches are highlighted:

[[Image: Create5.png | 400px]]

Azea

1

edit

CDOT Wiki β

Changes

Teams Winter 2011/team1/RCP/Define and use JFace

CDOT Wiki ^β