how to convert flextable cell into editable textcell

here is the code I tried to make the flextable's cell editable using the below code .The flex table is loaded with db values, when user clicks on the cell of flextable, it has to become editable and the user entered value has to be stored in db after he clicks submit button which is present in each row.

I'm using EditTextCell(), to make the cell editable but it not reflecting when I test it. I have included all my codes below. Please let me know , if i'm missing anything.

private List<PendingChange<?>> pendingChanges = new ArrayList<PendingChange<?>>();
	private List<AbstractEditableCell<?, ?>> editableCells = new ArrayList<AbstractEditableCell<?, ?>>();
	CellTable cellTable= new CellTable<MessageEvent>();
	EditTextCell editCell = new EditTextCell(); 
	protected FlexTable flextable;

//flextable creation
private final void createWorkflows(List<MessageEvent> theWorkflowMessageEvents, boolean isSelectAll) {
		int row = 1;
		
		if (theWorkflowMessageEvents != null) {
			for (final MessageEvent workflowMessageEvent : theWorkflowMessageEvents) {	
				 flextable.getRowFormatter().setStyleName(row,ACTIVE_COLLECTION);
					flextable.getCellFormatter().setHorizontalAlignment(row, 0, HasHorizontalAlignment.ALIGN_LEFT);
					flextable.getCellFormatter().setWordWrap(row, 0, false);
					flextable.setText(row, 0, workflowMessageEvent.getTransferReceived());
					
					
					flextable.getCellFormatter().setHorizontalAlignment(row, 1, HasHorizontalAlignment.ALIGN_LEFT);
					flextable.getCellFormatter().setWordWrap(row, 1, false);
					flextable.setText(row, 1, workflowMessageEvent.getLoadReceived());
					makeFlexTableEditable() ;
										 
					
				                Button submitButton= new Button("Submit");
					flextable.getCellFormatter().setHorizontalAlignment(row, 3, HasHorizontalAlignment.ALIGN_LEFT);
					flextable.getCellFormatter().setWordWrap(row, 3, false);
					flextable.setWidget(row, 3,submitButton );
					submitWorklow(submitButton,row, workflowMessageEvent);
                                                                               flextable.getRowFormatter().setVisible(row, true);
					row++;
					
				  }
                                           }
}
//adding flextable to main panel
protected void displayPendingWorkflows(final List<MessageEvent> theWorkflowMessageEvents) {
this.createPendingWorkflows(theWorkflowMessageEvents, false);
//some code
mainPanel.add(flextable);
mainPanel.add(cellTable);
}

//code for making flex table editable for TransferReceived column
private void makeFlexTableEditable() {
			 addColumn(new EditTextCell(), new GetValue() {
		            @Override
		            public String getValue(MessageEvent workflowMessageEvent) {
		                return workflowMessageEvent.getTransferReceived();
		            }
	          	}, new FieldUpdater<MessageEvent, String>() {
		              public void update(int index, MessageEvent workflowMessageEvent, String value) {
			             try {
			                  pendingChanges.add(new TransferReceived(workflowMessageEvent, value));
			              }catch (Exception e) {
			           }
	        		}
	    	  	});
		
	}

private <C> Column<MessageEvent, String> addColumn(EditTextCell cell,  
	         final GetValue<String> getter,FieldUpdater<MessageEvent, String> fieldUpdater) {
			Column<MessageEvent, String> transColumn = new Column<MessageEvent, String>(cell){ 
				@Override  
				public String getValue(MessageEvent object) {
					return getter.getValue(object); 
					} 
				};
				transColumn.setFieldUpdater(fieldUpdater); 
					
					if (cell instanceof AbstractEditableCell<?, ?>) {
				      editableCells.add((AbstractEditableCell<?, ?>) cell);
			    }
			    cellTable.addColumn(transColumn);
			    return transColumn;
		}

/**
	   * A pending change to a {@link MessageEvent}. Changes aren't committed
	   * immediately to illustrate that cells can remember their pending changes.
	   *
	   * @param <T> the data type being changed
	   */
	  private abstract static class PendingChange<T> {
	    private final MessageEvent message;
	    private final T value;

public PendingChange(MessageEvent message, T value) {
	      this.message = message;
	      this.value = value;
	    }

/**
	     * Commit the change to the contact.
	     */
	    public void commit() {
	      doCommit(message, value);
	    }

/**
	     * Update the appropriate field in the .
	     *
	     * @param message to update
	     * @param value the new value
	     */
	    protected abstract void doCommit(MessageEvent message, T value);
	  }
	  /**
	   * Updates the Transfered Received.
	   */
	  private static class TransferReceived extends PendingChange<String> {

public TransferReceived(MessageEvent message, String value) {
	      super(message, value);
	    }

@Override
	    protected void doCommit(MessageEvent message, String value) {
	    	message.setTransferReceived(value);
	    }
	  }

/**
	   * Get a cell value from a record.
	   *
	   * @param <C> the cell type
	   */
	  private static interface GetValue<C> {
	    C getValue(MessageEvent message);
	  }

Thanks for wasting my time.
Cross posted here http://stackoverflow.com/questions/6832464/how-to-convert-flextable-cell-into-editable-text-cell-in-gwt

Please read http://www.coderanch.com/how-to/java/BeForthrightWhenCrossPostingToOtherSites

I apologize for cross posting. I assure you that this will never happen in future.

Here is the code that worked for me. If you want the cell to be editable use EditTextCell otherwise use TextCell

Thank you for sharing the solution