ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html редактируемая таблица
33 сообщений из 33, показаны все 2 страниц
  все  
html редактируемая таблица
    #39299841
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Посоветуйте как сделать на страничке редактируемую таблицу. Данные берутся из MySQL, нужно чтоб была возможность добавлять, удалять и редактировать строки. Хотелось бы, чтоб сама таблица выглядела примерно так https://developers.google.com/chart/interactive/docs/gallery/table
+ имела возможность редактирования
...
Рейтинг: 0 / 0
29.08.2016, 19:57
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39299858
Фотография Sam Winchester
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sam Winchester
Участник
nikomp,
копай в сторону extjs
...
Рейтинг: 0 / 0
29.08.2016, 21:09
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39299899
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikomp,
а в андроиде такие есть?
...
Рейтинг: 0 / 0
29.08.2016, 22:28
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39299936
OldBoyOdeSu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OldBoyOdeSu
Участник
nikomp,

Есть вариант редактируемой таблицы
https://github.com/victordarras/HeavyTable.js/tree/master

Более навороченно
Based on free fork jqGrid
https://github.com/free-jqgrid/jqGrid

Самому написать редактируемую таблицу работы на полдня/день, сложного ничего нет, вешаешь обработчики мыши и реагируешь на них.
...
Рейтинг: 0 / 0
30.08.2016, 06:41
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39299964
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Petro123,

а причем тут андроид?
...
Рейтинг: 0 / 0
30.08.2016, 09:25
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39299977
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikomp,
Прочитал твой профиль.
Только в дестопе и дельфи с таблицами просто.
В андроид их нет, т.к. молод еще.
А в вебе это платные продукты т.к. это сложные продукты.
...
Рейтинг: 0 / 0
30.08.2016, 09:54
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300814
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikomp,

на всякий случай w2ui Grid inline Editing   А вообще, сама библиотека w2ui очень маленькая по размеру, а возможностей много. Не только по гридам...
...
Рейтинг: 0 / 0
31.08.2016, 09:27
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300834
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
сделать грид редактируемым просто и самому, причем можно сделать сохранение в базе при окончании редактирования как ячейки так и всей записи. используйте webcomponent. работает ив браузерах под андроид с и спользованием полифилов
...
Рейтинг: 0 / 0
31.08.2016, 09:53
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300891
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадясделать грид редактируемым просто и самому
там же ТЗ есть по ссылке. Читал чтобы предлагать ТС самому?
...
Рейтинг: 0 / 0
31.08.2016, 11:01
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300906
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123вадясделать грид редактируемым просто и самому
там же ТЗ есть по ссылке. Читал чтобы предлагать ТС самому?
и какие проблемы?
...
Рейтинг: 0 / 0
31.08.2016, 11:16
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300908
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,
я надеюсь, тс понимает, ,что это трёхзвннка?
...
Рейтинг: 0 / 0
31.08.2016, 11:18
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300911
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяи какие проблемы?
сколько такую будешь делать?
http://w2ui.com/web/demos/#!grid/grid-21
...
Рейтинг: 0 / 0
31.08.2016, 11:21
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300946
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123вадяи какие проблемы?
сколько такую будешь делать?
http://w2ui.com/web/demos/#!grid/grid-21
в андроиде она не редактируется
1 смена
...
Рейтинг: 0 / 0
31.08.2016, 11:46
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300966
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяв андроиде она не редактируется
Код: sql
1.
====== причём тут андроид вообще? Мы про веб.


1 смена
Код: sql
1.
=== не понял
...
Рейтинг: 0 / 0
31.08.2016, 12:08
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300971
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,
в браузере на смартфоне не радактируются ячейки
8 часов для изготовления
...
Рейтинг: 0 / 0
31.08.2016, 12:12
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39300979
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяв браузере на смартфоне не радактируются ячейки
не отвлекайся
вадя8 часов для изготовления
покажи какие вообще делал гриды в жизни.
Прежде чем заливать.
...
Рейтинг: 0 / 0
31.08.2016, 12:18
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301010
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,
не веришь - не надо, зачем мне что-то доказывать?
...
Рейтинг: 0 / 0
31.08.2016, 12:43
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301039
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяPetro123,
не веришь - не надо, зачем мне что-то доказывать?
согласен - анекдот даже есть: "Суслика видишь?.."
...
Рейтинг: 0 / 0
31.08.2016, 13:05
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301207
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
решил пока использовать google.visualization.Table,
добавил обработчик на выделение строки https://developers.google.com/chart/interactive/docs/events
...
Рейтинг: 0 / 0
31.08.2016, 15:23
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301253
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
не соображу как теперь обратиться к этой таблице
getElementByID ее находит, но как обратиться к свойствам и методам этой таблицы?
например получить выделенные строки?
...
Рейтинг: 0 / 0
31.08.2016, 16:05
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301265
Фотография Zenia
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zenia
Участник
nikomp,

Через getElementByID найдет созданный дом объект. Обращаться надо к переменной через которую создал таблицу:

Код: javascript
1.
2.
3.
4.
5.
var table = new google.visualization.Table(document.getElementById('table_div'));

...

var selection = table.getSelection();
...
Рейтинг: 0 / 0
31.08.2016, 16:19
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301266
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikomp,
немного глянул.
Нужно подписатся на событие выделения.
Потом типа
ChartWrapper.getChart(). getSelection()
т.е. смотри API и ищи то что надо
https://developers.google.com/chart/interactive/docs/reference#DataTable
...
Рейтинг: 0 / 0
31.08.2016, 16:19
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301280
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Zenia,

да, я так подозреваю, что эту переменную table надо делать глобальной? не подскажите как это сделать?
...
Рейтинг: 0 / 0
31.08.2016, 16:30
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301285
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Petro123,

немного не то. мне нужно из сторонней функции найти эту таблицу и узнать какие строки я выделил. через подписку на событие я вкурсе, там все получается.

для редактирования таблицы хочу сделать дополнительные кнопки типа ADD, DELETE и т.д. в обработчиках этих кнопок буду получать номер выделенной строки и работать с ними
...
Рейтинг: 0 / 0
31.08.2016, 16:33
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301298
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikompчто эту переменную table надо делать глобальной?
написать var вверху страницы вне функции
nikompнемного не то. мне нужно из сторонней функции найти эту таблицу и узнать какие строки я выделил. через подписку на событие я вкурсе, там все получается.
по разному можно. Я примерный код дал.
И потом, при событии у тебя будет вкл\выкл кнопок при отсутствии выделения.
...
Рейтинг: 0 / 0
31.08.2016, 16:42
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301302
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikompкнопки типа ADD, DELETE
ещё бывают таблы уже с такими кнопками. У данного сабжа не знаю, есть ли такая панель управления.
...
Рейтинг: 0 / 0
31.08.2016, 16:44
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301311
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Petro123,

про глобальную переменную не совсем понял. где именно нужно добавить var table?
...
Рейтинг: 0 / 0
31.08.2016, 16:50
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301313
Фотография Zenia
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zenia
Участник
nikompZenia,

... переменную table надо делать глобальной? не подскажите как это сделать?

А на этом моменте советую почитать и углубиться. https://learn.javascript.ru/global-object

А то любит js пожрать память...
...
Рейтинг: 0 / 0
31.08.2016, 16:51
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301318
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
с глобальной переменной разобрался, спс.
...
Рейтинг: 0 / 0
31.08.2016, 16:56
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301466
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Оставлю на будущее, может кому пригодится.

Вообщем, через глобальную переменную удалось найти table на странице, но вот получить доступ к данным в этой таблице не получилось.

Решение такое. Необходимо создать обертку для таблицы google.visualization.ChartWrapper, далее используя эту обертку, можно получить доступ к данным.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
          wrapper = new google.visualization.ChartWrapper({
            chartType: 'Table',
            dataTable: data2,
            options: {showRowNumber: true, width: '100%', height: '100%'},
            containerId: 'table_div'
          });
          wrapper.draw();



wrapper - глобальная переменная.
Получили доступ к данным в table - следовательно, знаем ID записи в БД - следовательно, можем делать с ней все что хотим.
...
Рейтинг: 0 / 0
31.08.2016, 19:38
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301470
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikomp,
Ниче не понял
1. Работает ли сабж при событии выделения?
2. Как работает этот метод при выделении 2 х строк сразу?
3. Цель была кнопки сделать? Так где кнопки и код?
...
Рейтинг: 0 / 0
31.08.2016, 19:49
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301481
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Petro123,

вместо table создаем wrapper, как показано выше. wrapper - это глобальная переменная. никаких обработчиков событий на этот wrapper не вешал. Далее создал кнопку ADD, при нажатии на кнопку получил из wrapper данные вот так

Код: javascript
1.
2.
var dt = wrapper.getDataTable(); // получаем таблицу с данными
alert('данные в ячейке 0,0:  '+dt.getValue(0,0)); // получим данные из указанной ячейки



Признак выделения строки можно получить у объекта DataTable. Если выделено несколько строк, обойдем их в цикле.
...
Рейтинг: 0 / 0
31.08.2016, 20:21
| Ответить | Цитировать | Написать  
html редактируемая таблица
    #39301529
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
nikomp,
Вот теперь понятно. Спс.
...
Рейтинг: 0 / 0
31.08.2016, 22:07
| Ответить | Цитировать | Написать  
33 сообщений из 33, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html редактируемая таблица
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]