powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Преобразовать ресурс и дополнить в HTML
25 сообщений из 39, страница 1 из 2
Преобразовать ресурс и дополнить в HTML
    #39486572
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Доброго дня господа

Имею скрипт (в архиве приложен)
Необходимо преобразовать файл данных "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
Преобразовать ресурс и дополнить в HTML
    #39486788
oaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,

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

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

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

Если не понятно - пожалуйста вопрошайте
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39486876
oaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Преобразовать ресурс и дополнить в HTML
    #39486878
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,
HTML файл с заполненным выпадающим списком генерирует сервер.
Для каждого юзверя будет свой список, если это сделать на сервере.
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39486881
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X не в файле
а в памяти ...
нет. Они там будут только в момент запроса GET на сервере. На 0,1 сек выполнения сервлета или JSP
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39486999
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
oaken,

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

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

Спасибо за уточнение
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39487003
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Преобразовать ресурс и дополнить в HTML
    #39487164
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,
IMHO
Переменная js нужна только для ajax т.е. без перезагрузки.
В остальном прямо пишите в html.
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39487259
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Преобразовать ресурс и дополнить в HTML
    #39487291
oaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
[quot HOME_X]Скажите возможно ли осуществлять выбор только тех составляющих, которые не имеют дочерных элементов ?/quot]Конечно возможно, все зависит от того где это происходит. Никто не мешает тебе отдавать на клиент такой усеченный список и это самый правильный вариант.
Если же интересует вариант "на страничке" - пишешь рекурсивную функцию которая пробежит по дереву и отдаст плоский список елементов без свойства childred.
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39487493
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
oaken,

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

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

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


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


HOME_X,

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

Как более конкретно можно сформулировать задачу ?
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39487815
oaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_XКак более конкретно можно сформулировать задачу ?А почему бы не почитать доку для этого UI плагина ?
Ивент onChange должен решить проблему я думаю.
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39487822
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,
События клик или смена. Записать туда любую твою логику. В чем проблема?
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39487848
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_XЕсть установка - фиксировать в ComboBox.Text - если НЕ родитель (у которых нет свойства "children")дак вот и ответил себе - осталось только реализовать это.
это ведь не сложно.
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39488479
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Преобразовать ресурс и дополнить в HTML
    #39488580
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
HOME_X,

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

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

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

где элемент с таким id cc
...
Рейтинг: 0 / 0
Преобразовать ресурс и дополнить в HTML
    #39488709
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя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
25 сообщений из 39, страница 1 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Преобразовать ресурс и дополнить в HTML
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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