x11 Posted June 24, 2020 Share Posted June 24, 2020 Нужна идея реализации, как повесить кнопку над компонентой TunimMemo, там, где красный квадратик. Можно, конечно, вышке или ниже, но хочется сэкономить драгоценное место, т.к. на форме довольно много разных элементов, форма сложная, а экраны на смартфонах маленькие. Текст может быть большой, поэтому редактирование и/или просмотр полного текста нужно открывать в отдельной форме. Спасибо. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 24, 2020 Share Posted June 24, 2020 Я также проанализирую. Quote Link to comment Share on other sites More sharing options...
x11 Posted June 24, 2020 Author Share Posted June 24, 2020 хотел сделать финт ушами с помощью z-index и position - но всё равно кнопка прячется под memo Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 24, 2020 Share Posted June 24, 2020 1 hour ago, x11 said: Нужна идея реализации, как повесить кнопку над компонентой TunimMemo, там, где красный квадратик. UnimMemo1.ClientEvents.ExtEvents -> function painted(sender, eOpts) { var me=sender; me.bottomEditEl = Ext.dom.Helper.insertBefore(me.inputElement, { tag: 'span', class: 'x-fa fa-edit', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0;' }); me.bottomEditEl.addEventListener('click', function(){ ajaxRequest(me, 'bedtclick', []); }); } 1 Quote Link to comment Share on other sites More sharing options...
x11 Posted June 24, 2020 Author Share Posted June 24, 2020 Спасибо, то что надо. Маленький шрих. Если получится, будет вообще класс. Обратите внимание ,что кнопка у memo более яркая, отличается от остальных, а они более тусклые. Можно ли и кнопку у memo сделать такой же тусклой, чтобы она не выделялась? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 24, 2020 Share Posted June 24, 2020 Скорее всего color надо указать в style. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 24, 2020 Share Posted June 24, 2020 style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0; color: gray;' // или darkgray 1 Quote Link to comment Share on other sites More sharing options...
x11 Posted June 25, 2020 Author Share Posted June 25, 2020 А как вместо "gray" указать цвет кнопок из темы? Т.е. можно ли там указать имя переменной, которая связана с цветом выбранной темы? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 25, 2020 Share Posted June 25, 2020 5 hours ago, x11 said: А как вместо "gray" указать цвет кнопок из темы? Нужно проанализировать. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 25, 2020 Share Posted June 25, 2020 5 hours ago, x11 said: А как вместо "gray" указать цвет кнопок из темы? Есть одно решение, попробуйте. Но на форме, должна быть одна компонента с "иконкой"... function painted(sender, eOpts) { var me=sender; me.bottomEditEl = Ext.dom.Helper.insertBefore(me.inputElement, { tag: 'span', class: 'x-fa fa-edit', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0;' }); me.bottomEditEl.addEventListener('click', function(){ ajaxRequest(me, 'bedtclick', []); }); Ext.onReady(function() { if (sender.bottomEditEl && Ext.select('.x-trigger .x-icon-el').elements[0]) { sender.bottomEditEl.style.color = Ext.get(Ext.select('.x-trigger .x-icon-el').elements[0].id).getStyle('color'); } }); } Quote Link to comment Share on other sites More sharing options...
x11 Posted June 26, 2020 Author Share Posted June 26, 2020 11 hours ago, Sherzod said: Но на форме, должна быть одна компонента с "иконкой"... Этого не понял, какая именно компонента? Должна ли быть эта компоненты видимой или её можно сделать невидимой? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 26, 2020 Share Posted June 26, 2020 17 hours ago, x11 said: "Синие" иконки... Quote Link to comment Share on other sites More sharing options...
x11 Posted June 26, 2020 Author Share Posted June 26, 2020 Ну я подумал, что предварительно нужно на форму кинуть какую-нибудь компоненту с иконкой, например, отдельную кнопку и из этой кнопки будет взята иконка для кнопки memo. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 26, 2020 Share Posted June 26, 2020 2 minutes ago, x11 said: Ну я подумал, что предварительно нужно на форму кинуть какую-нибудь компоненту с иконкой, например, отдельную кнопку и из этой кнопки будет взята иконка для кнопки memo. Нет. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 26, 2020 Share Posted June 26, 2020 Но, будет взято значение класса: .x-trigger .x-icon-el Quote Link to comment Share on other sites More sharing options...
x11 Posted June 26, 2020 Author Share Posted June 26, 2020 не получилось Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 26, 2020 Share Posted June 26, 2020 48 minutes ago, x11 said: не получилось OK. Проанализирую. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 26, 2020 Share Posted June 26, 2020 55 minutes ago, x11 said: не получилось Нашел решение, использование триггера. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 26, 2020 Share Posted June 26, 2020 function painted(sender, eOpts) { var me=sender; me.bottomEditEl = Ext.dom.Helper.insertBefore(me.inputElement, { tag: 'span', class: 'x-fa fa-edit', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0;' }); me.bottomEditEl.addEventListener('click', function(){ ajaxRequest(me, 'bedtclick', []); }); Ext.onReady(function() { if (sender.bottomEditEl && Ext.select('.x-trigger .x-icon-el').elements[0]) { sender.bottomEditEl.style.color = Ext.get(Ext.select('.x-trigger .x-icon-el').elements[0].id).getStyle('color'); } }); } function beforeInit(sender, config) { config.triggers = [ { iconCls: 'x-fa fa-edit', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0;', handler: function() { console.log('edit'); //ajaxRequest } } ]; } 1 Quote Link to comment Share on other sites More sharing options...
x11 Posted June 26, 2020 Author Share Posted June 26, 2020 Спасибо. Работает function beforeInit(sender, config) { config.triggers = [ { iconCls: 'x-fa fa-edit', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0;', handler: function() { ajaxRequest(this, 'btnEditMemoAdClick', []); } } ]; } 1 Quote Link to comment Share on other sites More sharing options...
x11 Posted June 28, 2020 Author Share Posted June 28, 2020 Было бы неплохо, если бы и в Memo разработчики добавили триггеры (кнопки), как в других компонентах. Quote Link to comment Share on other sites More sharing options...
x11 Posted June 28, 2020 Author Share Posted June 28, 2020 @Sherzod а как добавить несколько кнопок, как на картинке выше? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 28, 2020 Share Posted June 28, 2020 1 hour ago, x11 said: @Sherzod а как добавить несколько кнопок, как на картинке выше? function beforeInit(sender, config) { config.triggers = [ { iconCls: 'x-fa fa-clone', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 45px;', handler: function() { ajaxRequest(this, 'btnCloneMemoAdClick', []); } }, { iconCls: 'x-fa fa-edit', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 20px;', handler: function() { ajaxRequest(this, 'btnEditMemoAdClick', []); } }, { iconCls: 'x-fa fa-share-alt', style: 'position: absolute; font-size: 1.4em; padding: 5px; bottom: 0; right: 0;', handler: function() { ajaxRequest(this, 'btnShareMemoAdClick', []); } } ]; } 1 Quote Link to comment Share on other sites More sharing options...
Kenneth Posted September 29, 2020 Share Posted September 29, 2020 не подскажите как в десктопное приложение добавить иконку в unimemo? Quote Link to comment Share on other sites More sharing options...
x11 Posted September 30, 2020 Author Share Posted September 30, 2020 А так, как показано выше пробовали и не получилось? Кстати, есть еще вариант. Кинуть uniMemo внутрь uniPanel, а уже у компоненты uniPanel использовать новый функционал кнопок в заголовке Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.