Создание кнопки ссылки и кнопки изображения в ExtJS?

Question

Я хочу создать ссылку в ExtJS, но сделанную из кнопки, чтобы она содержала обработчики событий (и мне не нужно добавлять свои собственные обработчики событий).

Кроме того, я хотел бы создать кнопку, которая отображает большой значок с текстом, например: ЗНАЧОК TEXT

, чтобы значок располагался не слева, а сверху (и больше, чем значение по умолчанию 16x16).

Answer 1

Во-первых, добавить обработчик событий в ссылку очень просто и требует примерно столько же кода, сколько при обработке нажатия кнопки:

Ext.get('link-id').on('click', function(e){
  e.stopEvent(); // prevent default browser action
  // do something else
});

Однако, если вы действительно хотите использовать кнопку, вам нужно просто добавить к ней идентификатор или собственный класс и использовать стандартный CSS, чтобы переопределить стиль кнопки по умолчанию и сделать ее похожей на ссылку.

Что касается настройки макета кнопки, Ext 3.0+ предоставляет очень гибкие макеты кнопок из коробки. Вы пытались это сделать и не можете (если да, выложить какой-нибудь код)? Вы смотрели пример страницы кнопки ?

Answer 2

Возможно, это может помочь: http://www.sencha.com/forum/showthread.php?54602-Link-Button-or-Hyper-link