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

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

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

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

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

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

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

а без перетаскивания можно обойтись, а то я логику не совсем понимаю.
хотелось бы сразу получить дерево как оно есть, а так получается что они сами его настраивают
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.09.2013, 12:54
    #38385298
nikomp
nikomp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблица с плюсиками в html
и еще, попробовал скопипастить код из предложенных выше ссылок, вставил в текстовый файл, переименовал с расширением *.html, попробовал открыть браузером - ПУСТО. Что я не так сделал?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.09.2013, 13:01
    #38385314
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблица с плюсиками в html
nikompЧто я не так сделал?
Показал бы что и откуда скопипастил...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.09.2013, 13:06
    #38385321
nikomp
nikomp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблица с плюсиками в html
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:30
    #38385360
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблица с плюсиками в html
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:41
    #38385378
nikomp
nikomp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблица с плюсиками в html
user89,

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

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

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

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

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

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

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

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


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