JSClipboard Add-on

JSClipboard is an JS extension for Vaadin 7+ that allow to copy arbitrary text to clipboard using JavaScript only.

This JavaScript extension allows copy any text to user clipboard without need to use flash integration.

Sample code

final JSClipboard clipboard = new JSClipboard();

final TextField textField = new TextField();
textField.setSizeFull();
textField.setValue("Copy to clipboard textfield value....");
textField.setId("tocopie-textfield");

Button b = new Button("Copy to clipboard");
clipboard.apply(b,area);
clipboard.addSuccessListener(new JSClipboard.SuccessListener() {

	@Override
	public void onSuccess() {
		Notification.show("Copy to clipboard successful");
	}
});
		
clipboard.addErrorListener(new JSClipboard.ErrorListener() {

	@Override
	public void onError() {
		Notification.show("Copy to clipboard unsuccessful", Notification.Type.ERROR_MESSAGE);
	}
});  

final TextField textField = new TextField();
		textField.setSizeFull();
		textField.setValue("Copy to clipboard textfield value....");
		textField.setId("tocopie-textfield");

        JSClipboardButton b = new JSClipboardButton(area,"Copy to clipboard");
        b.addSuccessListener(new JSClipboard.SuccessListener() {

            @Override
            public void onSuccess() {
                Notification.show("Copy to clipboard successful");
            }
        });
        b.addErrorListener(new JSClipboard.ErrorListener() {

            @Override
            public void onError() {
                Notification.show("Copy to clipboard unsuccessful", Notification.Type.ERROR_MESSAGE);
            }
        });

final JSClipboard clipboard = new JSClipboard();

		final Grid grid = new Grid(Person.class);
		grid.setSizeFull();
		grid.setHeightMode(HeightMode.ROW);
		grid.setHeightByRows(3);
		grid.setItems(Arrays.asList(new Person("Arthur", 12),new Person("Esther", 44),new Person("Ulises", 109)));
		grid.setId("tocopie-grid");

		Button b = new Button("Copy to clipboard");
		clipboard.apply(b,area);
		clipboard.addSuccessListener(new JSClipboard.SuccessListener() {

			@Override
			public void onSuccess() {
				Notification.show("Copy to clipboard successful");
			}
		});
		clipboard.addErrorListener(new JSClipboard.ErrorListener() {

			@Override
			public void onError() {
				Notification.show("Copy to clipboard unsuccessful", Notification.Type.ERROR_MESSAGE);
			}
		});  

Links

• Online Demo
• Issue Tracker
• Source Code

Compatibility