Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Преобразовать ресурс и дополнить в HTML / 25 сообщений из 39, страница 1 из 2
11.07.2017, 14:41
    #39486572
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
Доброго дня господа

Имею скрипт (в архиве приложен)
Необходимо преобразовать файл данных "base.txt" и организовать считывание таким образом чтобы он находился
в основном HTML листе (basic.html) в качестве секции ресурса ( или любой другой вариант, но в текущем листе )
Необходимо грузить ПЕРСОНАЛИЗИРОВАННОЕ дерево, для каждого пользователя - соответственно необходимо создавать
каждому пользователю свой текстовый файл - это не есть хорошо !!!!!

Код: 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.
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Basic ComboTree - jQuery EasyUI Demo</title>
		<link rel="stylesheet" type="text/css" href="css/easyui.css">
		<link rel="stylesheet" type="text/css" href="css/icon.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
	</head>
	<body>
		<h2>Basic ComboTree</h2>
		<p>Click the right arrow button to show the tree panel.</p>
		<div style="margin:20px 0"></div>
		<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
			<div style="margin-bottom:20px">
				<input class="easyui-combotree" data-options="url:'base.txt',method:'get',label:'Select Node:',labelPosition:'top'" style="width:100%">

                                 'base.txt' - это должно считываться из текущем html файле - не из файла опер. системы

			</div>
		</div>
	</body>
</html>

Помогите пожалуйста это реорганизовать
Заранее благодарен !
...
Рейтинг: 0 / 0
11.07.2017, 17:01
    #39486788
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,

ничего непонятно, в архиве нет никаких скриптов окромя jquery,
в base.txt вообще кусок json-а,
что со всем этим нужно сделать тоже непонятно
...
Рейтинг: 0 / 0
11.07.2017, 17:09
    #39486800
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
oaken,

Распакуйте в любую папку и запустите Basic.html

Увидите ComboBox в нем выпадающее "дерево" хотелось бы иметь данные к этому дерево не в файле
а в памяти ... так как формируются данные динамически и для каждого пользователя свое дерево

Если не понятно - пожалуйста вопрошайте
...
Рейтинг: 0 / 0
11.07.2017, 18:46
    #39486876
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,
Код: 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.
<!DOCTYPE html><html>
	<head>
		<meta charset="UTF-8">
		<title>Basic ComboTree - jQuery EasyUI Demo</title>
		<link rel="stylesheet" type="text/css" href="css/easyui.css">
		<link rel="stylesheet" type="text/css" href="css/icon.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
	</head>
	<body>
		<h2>Basic ComboTree</h2>
		<p>Click the right arrow button to show the tree panel.</p>
		<div style="margin:20px 0"></div>
	<div class="easyui-panel" style="width: 100%; max-width: 400px; padding: 30px 60px;">
		<div style="margin-bottom: 20px">
			<input id="cc" class="easyui-combotree" style="width: 100%">
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function () {
			var data = [{ "id": 1, "text": "Скотоводческий комбинат", "state": "closed", "children": [{ "id": 11, "text": "Свиноуправление 1", "state": "closed", "children": [{ "id": 111, "text": "Цех  свиноводства" }, { "id": 112, "text": "Цех кабановодства" }, { "id": 113, "text": "Цех работников ЕР" }] }, { "id": 21, "text": "Скотоуправление 2", "state": "closed", "children": [{ "id": 211, "text": "Цех быководства" }, { "id": 212, "text": "Цех верблЯдеводства" }, { "id": 213, "text": "Цех работников ЕР" }] }, { "id": 31, "text": "Козлоуправление 3", "state": "closed", "children": [{ "id": 311, "text": "Цех кАзловодства" }, { "id": 312, "text": "Цех бараноприсутствия" }, { "id": 313, "text": "Цех работников ЕР" }] }] }];
			$('#cc').combotree('loadData', data);
		});
	</script>
	</body>
</html>

так?
...
Рейтинг: 0 / 0
11.07.2017, 18:48
    #39486878
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,
HTML файл с заполненным выпадающим списком генерирует сервер.
Для каждого юзверя будет свой список, если это сделать на сервере.
...
Рейтинг: 0 / 0
11.07.2017, 18:51
    #39486881
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X не в файле
а в памяти ...
нет. Они там будут только в момент запроса GET на сервере. На 0,1 сек выполнения сервлета или JSP
...
Рейтинг: 0 / 0
11.07.2017, 22:08
    #39486999
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
oaken,

Именно так - спасибо за корректировку
...
Рейтинг: 0 / 0
11.07.2017, 22:13
    #39487000
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
Petro123,

Вы все верно понял
- пользователь зашел под своим логином
- выполнился запрос к базе (под этим логином)
- появился набор записей для этого логина
- сформировалось каждому пользователю свое "дерево" (начальник-подчиненный)
- соответственно исключаю файл источник из первичного кода "data-options="url:'base.txt'"

Спасибо за уточнение
...
Рейтинг: 0 / 0
11.07.2017, 22:16
    #39487003
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
oaken <script type="text/javascript">
$(document).ready(function () {
var data = [{ "id": 1, "text": "Скотоводческий комбинат", "state": "closed", "children": [{ "id": 11, "text": "Свиноуправление 1", "state": "closed", "children": [{ "id": 111, "text": "Цех свиноводства" }, { "id": 112, "text": "Цех кабановодства" }, { "id": 113, "text": "Цех работников ЕР" }] }, { "id": 21, "text": "Скотоуправление 2", "state": "closed", "children": [{ "id": 211, "text": "Цех быководства" }, { "id": 212, "text": "Цех верблЯдеводства" }, { "id": 213, "text": "Цех работников ЕР" }] }, { "id": 31, "text": "Козлоуправление 3", "state": "closed", "children": [{ "id": 311, "text": "Цех кАзловодства" }, { "id": 312, "text": "Цех бараноприсутствия" }, { "id": 313, "text": "Цех работников ЕР" }] }] }];
$('#cc').combotree('loadData', data);
});
</script>


Еще вопрос - есть ли ограничение по длине переменной data ?
Сколько символов можно "затолкнуть" ?

Заранее благодарен !
...
Рейтинг: 0 / 0
12.07.2017, 09:28
    #39487164
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,
IMHO
Переменная js нужна только для ajax т.е. без перезагрузки.
В остальном прямо пишите в html.
...
Рейтинг: 0 / 0
12.07.2017, 10:44
    #39487259
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
oaken <script type="text/javascript">
$(document).ready(function () {
var data = [{ "id": 1, "text": "Скотоводческий комбинат", "state": "closed", "children": [{ "id": 11, "text": "Свиноуправление 1", "state": "closed", "children": [{ "id": 111, "text": "Цех свиноводства" }, { "id": 112, "text": "Цех кабановодства" }, { "id": 113, "text": "Цех работников ЕР" }] }, { "id": 21, "text": "Скотоуправление 2", "state": "closed", "children": [{ "id": 211, "text": "Цех быководства" }, { "id": 212, "text": "Цех верблЯдеводства" }, { "id": 213, "text": "Цех работников ЕР" }] }, { "id": 31, "text": "Козлоуправление 3", "state": "closed", "children": [{ "id": 311, "text": "Цех кАзловодства" }, { "id": 312, "text": "Цех бараноприсутствия" }, { "id": 313, "text": "Цех работников ЕР" }] }] }];
$('#cc').combotree('loadData', data);
});
</script>
</body>
</html>



Красиво получилось еще раз спасибо ...
Скажите возможно ли осуществлять выбор только тех составляющих, которые не имеют дочерных элементов ?
В данном пример это только ЦЕХА
...
Рейтинг: 0 / 0
12.07.2017, 11:02
    #39487291
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
[quot HOME_X]Скажите возможно ли осуществлять выбор только тех составляющих, которые не имеют дочерных элементов ?/quot]Конечно возможно, все зависит от того где это происходит. Никто не мешает тебе отдавать на клиент такой усеченный список и это самый правильный вариант.
Если же интересует вариант "на страничке" - пишешь рекурсивную функцию которая пробежит по дереву и отдаст плоский список елементов без свойства childred.
...
Рейтинг: 0 / 0
12.07.2017, 13:53
    #39487493
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
oaken,

Немножко не так - визуализация полная ВСЕГДА,
в момент отбора данных - выбор возможен только ЦЕХОВ
т.е.
- открыл дерево
- открыл комбинат
- открыл управление
- выбрал ЦЕХ
- закрыл дерево
- в Text ComboBox - зафиксировалось значение ЦЕХА

- если выбрал комбинат/управление в Text ComboBox - осталось "старое" значение

Так возможно ?
...
Рейтинг: 0 / 0
12.07.2017, 15:54
    #39487666
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,
такое возможно. только это очень размытые требования.


HOME_X,
...
Рейтинг: 0 / 0
12.07.2017, 16:42
    #39487714
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
вадяHOME_X,
такое возможно. только это очень размытые требования.


HOME_X,

Не понял - что есть "размытые"
Есть конкретный пример (архив)
Есть установка - фиксировать в ComboBox.Text - если НЕ родитель (у которых нет свойства "children")

Как более конкретно можно сформулировать задачу ?
...
Рейтинг: 0 / 0
12.07.2017, 18:54
    #39487815
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_XКак более конкретно можно сформулировать задачу ?А почему бы не почитать доку для этого UI плагина ?
Ивент onChange должен решить проблему я думаю.
...
Рейтинг: 0 / 0
12.07.2017, 19:01
    #39487822
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,
События клик или смена. Записать туда любую твою логику. В чем проблема?
...
Рейтинг: 0 / 0
12.07.2017, 20:08
    #39487848
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_XЕсть установка - фиксировать в ComboBox.Text - если НЕ родитель (у которых нет свойства "children")дак вот и ответил себе - осталось только реализовать это.
это ведь не сложно.
...
Рейтинг: 0 / 0
13.07.2017, 15:16
    #39488479
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
oakenHOME_XКак более конкретно можно сформулировать задачу ?А почему бы не почитать доку для этого UI плагина ?
Ивент onChange должен решить проблему я думаю.

Как бы - ДА
Но нет реакции на события именно этого объекта
Что-то не так делаю , у данного объекта есть особенности ?

$('#cc').change(function(){
alert(this.value);
});

$('#cc').click(function(){
alert(this.value);
});

Код: 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.
<!DOCTYPE html><html>
	<head>
		<meta charset="windows-1251">
		<title>Basic ComboTree - jQuery EasyUI Demo</title>
		<link rel="stylesheet" type="text/css" href="css/easyui.css">
		<link rel="stylesheet" type="text/css" href="css/icon.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
	</head>
	<body>
		<h2>Basic ComboTree</h2>
		<p>Click the right arrow button to show the tree panel.</p>
		<div style="margin:20px 0"></div>
	        <div class="easyui-panel" style="width: 100%; max-width: 400px; padding: 30px 60px;">
			<div style="margin-bottom: 20px">
				<input id="cc" class="easyui-combotree" style="width: 100%">
			</div>
		</div>
           	<select id="Mark" name=Mark style=width:100%;display:block;text-align:left; >
			<option O1 value=V1>Z1</option>
			<option O2 value=V2>Z2</option>
			<option O3 value=V3>Z3</option>
           	</select>

	<script type="text/javascript">
		$(document).ready(function () {
			var data = [{ "id": 1, "text": "Скотоводческий комбинат", "state": "closed", "children": [{ "id": 11, "text": "Свиноуправление 1", "state": "closed", "children": [{ "id": 111, "text": "Цех  свиноводства" }, { "id": 112, "text": "Цех кабановодства" }, { "id": 113, "text": "Цех работников ЕР" }] }, { "id": 21, "text": "Скотоуправление 2", "state": "closed", "children": [{ "id": 211, "text": "Цех быководства" }, { "id": 212, "text": "Цех верблЯдеводства" }, { "id": 213, "text": "Цех работников ЕР" }] }, { "id": 31, "text": "Козлоуправление 3", "state": "closed", "children": [{ "id": 311, "text": "Цех кАзловодства" }, { "id": 312, "text": "Цех бараноприсутствия" }, { "id": 313, "text": "Цех работников ЕР" }] }] }];
			$('#cc').combotree('loadData', data);
		});
       
                $('#cc').change(function(){
                  alert(this.value);
                });

                $('#cc').click(function(){
                  alert(this.value);
                });

                $('#Mark').change(function(){
                  alert(this.value);
                });
                alert('Exit');

	</script>
	</body>
</html>
...
Рейтинг: 0 / 0
13.07.2017, 16:57
    #39488580
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,

Вероятно необходим некий JS от JQuery для обработки событий ?
Какой именно подскажите пожалуйста
...
Рейтинг: 0 / 0
13.07.2017, 17:14
    #39488590
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X $('#cc').change(function(){
alert(this.value);
});

$('#cc').click(function(){
alert(this.value);
});
а если таким образом http://jquery.page2page.ru/index.php5/On
...
Рейтинг: 0 / 0
13.07.2017, 17:26
    #39488596
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
вадя,

У меня ни как не реагирует, ИМЕННО этот объект, остальные в адеквате...
Впечатление что нужен некий обработчик событий JQuery
а какая именно библиотека не знаю
...
Рейтинг: 0 / 0
13.07.2017, 21:06
    #39488703
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_XУ меня ни как не реагирует, ИМЕННО этот объект, остальные в адеквате...
Впечатление что нужен некий обработчик событий JQuery
а какая именно библиотека не знаю
F12 смотрел? точки останова ставил?
...
Рейтинг: 0 / 0
13.07.2017, 21:08
    #39488706
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
HOME_X,

где элемент с таким id cc
...
Рейтинг: 0 / 0
13.07.2017, 21:14
    #39488709
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Преобразовать ресурс и дополнить в HTML
вадяHOME_X,

где элемент с таким id cc

Это дерево - выделено !!!
-- Попробуйте у себе на ПК - работает ли ?
может у меня версия IE не соответствует


<!DOCTYPE html><html>
<head>
<meta charset="windows-1251">
<title>Basic ComboTree - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
</head>
<body>
<h2>Basic ComboTree</h2>
<p>Click the right arrow button to show the tree panel.</p>
<div style="margin:20px 0"></div>
<div class="easyui-panel" style="width: 100%; max-width: 400px; padding: 30px 60px;">
<div style="margin-bottom: 20px">
<input id="cc" class="easyui-combotree" style="width: 100%"> </div>
</div>
<select id="Mark" name=Mark style=width:100%;display:block;text-align:left; >
<option O1 value=V1>Z1</option>
<option O2 value=V2>Z2</option>
<option O3 value=V3>Z3</option>
</select>

<script type="text/javascript">
$(document).ready(function () {
var data = [{ "id": 1, "text": "Скотоводческий комбинат", "state": "closed", "children": [{ "id": 11, "text": "Свиноуправление 1", "state": "closed", "children": [{ "id": 111, "text": "Цех свиноводства" }, { "id": 112, "text": "Цех кабановодства" }, { "id": 113, "text": "Цех работников ЕР" }] }, { "id": 21, "text": "Скотоуправление 2", "state": "closed", "children": [{ "id": 211, "text": "Цех быководства" }, { "id": 212, "text": "Цех верблЯдеводства" }, { "id": 213, "text": "Цех работников ЕР" }] }, { "id": 31, "text": "Козлоуправление 3", "state": "closed", "children": [{ "id": 311, "text": "Цех кАзловодства" }, { "id": 312, "text": "Цех бараноприсутствия" }, { "id": 313, "text": "Цех работников ЕР" }] }] }];
$('#cc').combotree('loadData', data); });

$('#cc').change(function(){
alert(this.value);
});

$('#cc').click(function(){
alert(this.value);
});

$('#Mark').change(function(){
alert(this.value);
});
alert('Exit');

</script>
</body>
</html>
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Преобразовать ресурс и дополнить в HTML / 25 сообщений из 39, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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