ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / таблица с плюсиками в html
25 сообщений из 37, страница 1 из 2
  1  все
таблица с плюсиками в html
    #38384916
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Добрый день. Проясните ситуацию плиз. Из Delphi пытаюсь сгенерировать html файл. В html нужно перенести древовидную структуру и ряд атрибутов (например 4). Хотел бы сделать это в таблице у которой строки раскрываются по нажатию плюсиков. В html не силен. Подскажите возможно ли так сделать? Если нет, то может есть более простой вариант как решить мою задачу.
...
Рейтинг: 0 / 0
03.09.2013, 09:06
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38384967
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Типа такого или такого ?
...
Рейтинг: 0 / 0
03.09.2013, 09:50
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38384968
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
nikompможет есть более простой вариант как решить мою задачу.
А то !
...
Рейтинг: 0 / 0
03.09.2013, 09:50
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385067
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
IDVsbruck,
скорее всего второй вариант, атрибуты у всех уровней дерева одни и теже
такую таблицу можно сгенерить из delphi, например в блокноте, прописав определенные теги?
...
Рейтинг: 0 / 0
03.09.2013, 10:48
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385079
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
IDVsbruck,

ой, так там и ког даже есть, сразу не увидел )) бум разбираться

Еще вопрос, может не по теме.

Рядом с html должен лежать xml с теми же данными. Так вот слышал что есть возможность сгенерить xml, а затем перегнать его в html при помощи файла трансформации (xlst вроде). С этим тоже никогда дела не имел.
Что проще будет, отдельно сгенерить 2 файла или один xml + вручную xlst?
...
Рейтинг: 0 / 0
03.09.2013, 10:54
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385092
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikomp,

я тоже из Delphi выгружаю данные в HTML. Можно воспользоваться библиотеками, что предложили выше, или шаблоном, который прикладываю.
...
Рейтинг: 0 / 0
03.09.2013, 10:56
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385094
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Только у меня дерево многоуровневое
например
Сборка
Подсборка
Подсборка
...
Деталь
...
Деталь
Деталь
...
Деталь
...
...
Рейтинг: 0 / 0
03.09.2013, 10:56
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385096
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
 
имхоxslt тяжел для понимания, если есть возможность его избежать, то лучше избежать
...
Рейтинг: 0 / 0
03.09.2013, 10:57
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385145
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
user89,
спасибо, за код, пригодиться в будущем, но к сожалению в данный момент БД оракловая, данные получаю АПИ функциями сервера приложений.
Что касается шаблонов, предложенных выше то там структура 2-х уровневая, а мне нужна многоуровневая
...
Рейтинг: 0 / 0
03.09.2013, 11:23
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385163
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikomp,

а тут в демках можно мышью столбцы тащить наверх, много уровней http://demos.kendoui.com/web/grid/index.html

Тот шаблон, что я предложил, не привязан к конкретной СУБД и работает с объектом Recordset (возможно его и нельзя привязать к данным, что получаются АПИ функциями сервера приложений)
...
Рейтинг: 0 / 0
03.09.2013, 11:32
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385289
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
user89,

а без перетаскивания можно обойтись, а то я логику не совсем понимаю.
хотелось бы сразу получить дерево как оно есть, а так получается что они сами его настраивают
...
Рейтинг: 0 / 0
03.09.2013, 12:47
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385298
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
и еще, попробовал скопипастить код из предложенных выше ссылок, вставил в текстовый файл, переименовал с расширением *.html, попробовал открыть браузером - ПУСТО. Что я не так сделал?
...
Рейтинг: 0 / 0
03.09.2013, 12:54
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385314
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
nikompЧто я не так сделал?
Показал бы что и откуда скопипастил...
...
Рейтинг: 0 / 0
03.09.2013, 13:01
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385321
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
krvsa,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
            <script src="../../content/shared/js/people.js"></script>

        <div id="example" class="k-content">
            <div id="clientsDb">

                <div id="grid" style="height: 380px"></div>

            </div>

            <style scoped>
                #clientsDb {
                    width: 692px;
                    height: 413px;
                    margin: 30px auto;
                    padding: 51px 4px 0 4px;
                    background: url('../../content/web/grid/clientsDb.png') no-repeat 0 0;
                }
            </style>
            <script>
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            data: createRandomData(50),
                            pageSize: 10
                        },
                        groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
                        columns: [ {
                                field: "FirstName",
                                width: 90,
                                title: "First Name"
                            } , {
                                field: "LastName",
                                width: 90,
                                title: "Last Name"
                            } , {
                                width: 100,
                                field: "City"
                            } , {
                                field: "Title"
                            } , {
                                field: "BirthDate",
                                title: "Birth Date",
                                template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #'
                            } , {
                                width: 50,
                                field: "Age"
                            }
                        ]
                    });
                });
            </script>
        </div>


</body>
</html>



конкретно вот этот код скопировал в блокнот
...
Рейтинг: 0 / 0
03.09.2013, 13:06
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385360
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikomp,

надо указать правильно пути к файлам .css и .js
Код: html
1.
2.
3.
4.
5.
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
    <script src="../../content/shared/js/people.js"></script>



Пояснения к моему шаблону.
Алгоритм простой. Сначала данные сортируются по 1-му столбцу, 2-му и т.д. Далее двигаемся по отсортированному списку. Если текущая строка отличается от предыдущей - то это начало новой группы (метод cmd_NoVerticalClick )
...
Рейтинг: 0 / 0
03.09.2013, 13:30
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385378
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
user89,

а можно примерчик html, который генерируется при помощи Вашего шаблона.

начал разбираться с деревьями в html, вот тут вроде понятно написано
http://abruslik.blogspot.ru/2013/03/html-css-javascript.html

только не понятно куда мне воткнуть атрибуты каждого узла
...
Рейтинг: 0 / 0
03.09.2013, 13:41
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385442
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikompа можно примерчик html, который генерируется при помощи Вашего шаблона. В моем шаблоне увы нет Parent - Child , там просто группировка повторяющихся значений.
 
Выглядит так
Узлы можно разворачивать не только по значку + / - , но и по всему слову. За основу взял откуда-то стащенный из инета код (спасибо Яростный Меч за исправление алгоритма). Прикладываю к сообщению.

nikompначал разбираться с деревьями в html, вот тут вроде понятно написано
http://abruslik.blogspot.ru/2013/03/html-css-javascript.html
только не понятно куда мне воткнуть атрибуты каждого узла Тут смотрю, совсем без JavaScript. Гляну вечерком, сейчас совсем нет времени...
...
Рейтинг: 0 / 0
03.09.2013, 14:15
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385444
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
файл не приложился...
...
Рейтинг: 0 / 0
03.09.2013, 14:16
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385460
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
user89,

буду признателен за помощь ))
атрибуты например можно писать в текст узла, но это не очень как-то )
...
Рейтинг: 0 / 0
03.09.2013, 14:22
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385584
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Пока получилось вот что, в принципе все устраивает, только нужно вывести еще атрибуты куда-то, как лучше сделать?
...
Рейтинг: 0 / 0
03.09.2013, 15:25
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38385807
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikomp только нужно вывести еще атрибуты куда-то Не совсем понял...
...
Рейтинг: 0 / 0
03.09.2013, 17:48
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38386142
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
user89,

для каждого узла в дереве (кроме файлов) должны быть выведены атрибуты (например наименование, масса, кто разработал и т.д.). Сейчас у меня получилось вывести структуру, а вот куда впихнуть атрибуты? Например, сделать еще одну область, в которую выводились бы атрибуты выбранного узла. Но с таблицей было бы проще, вот только таблица должна отражать многоуровневую структуру
...
Рейтинг: 0 / 0
04.09.2013, 09:11
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38386152
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
nikompкуда впихнуть атрибуты?
В теги и пихай...

Код: html
1.
<li data-prm1='prm1' data-prm2='prm2'>...</li>
...
Рейтинг: 0 / 0
04.09.2013, 09:29
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38386170
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
krvsa,

не понимаю, это прикол?
попробовал добавить вашу строку, что-то никаких изменений
...
Рейтинг: 0 / 0
04.09.2013, 09:49
| Ответить | Цитировать | Написать  
таблица с плюсиками в html
    #38386201
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
nikompНо с таблицей было бы проще, вот только таблица должна отражать многоуровневую структуру А мой пример выше ? Я в гугле много нарыл древовидных таблиц, это наверное самый простой вариант.
Без JavaScript на одном CSS, таблицу с узлами сделать очень тяжело.
...
Рейтинг: 0 / 0
04.09.2013, 10:17
| Ответить | Цитировать | Написать  
25 сообщений из 37, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / таблица с плюсиками в html
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38385314&tid=1447540]:
 0ms
get settings:
 8ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 144ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 69ms
get tp. blocked users:
 2ms
others: 212ms
total:  470ms
созд. / загр.: 470ms
x
x
Закрыть


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