Вывод результата работы программы в вэбформу

@manumozz · Регистрация: 16.04.2015

Author24 — интернет-сервис помощи студентам

Программа воспроизводит солнечную систему в объектной модели: Sun>Planet>Moon
Результат выводится вот таким методом

C#

public TreeView CreatingDerevo(TreeView derevo)
        {
            derevo.Nodes.Add(new TreeNode());
            derevo.Nodes[0].Text = "Sun";
            derevo.Nodes[0].Value = "Sun";
            for (int i = 0; i < Stars[0].Planets.Count; i++)
            {
                TreeNode planet_node = new TreeNode();
                planet_node.Text = Stars[0].Planets[i].Name;
                planet_node.Value = Stars[0].Planets[i].Name;
                derevo.Nodes[0].ChildNodes.Add(planet_node);
 
                for (int j = 0; j < Stars[0].Planets[i].Moons.Count; j++)
                {
                    TreeNode moon_node = new TreeNode();
                    Moon moon = Stars[0].Planets[i].Moons[j];
                    moon_node.Text = moon.Name;
                    moon_node.Value = moon.Name;
                    moon_node.ToolTip = moon.Name;
                    derevo.Nodes[0].ChildNodes[i].ChildNodes.Add(moon_node);
                }
            }
            return derevo;
        }

на веб форму

HTML5

<body>
    <form id="form1" runat="server">
    <div>
     <asp:TreeView ID="derevo" runat="server" Width="139px"></asp:TreeView>
    </div>
    </form>
</body>

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

@IamRain · 13.08.2016, 21:57

Сообщение от manumozz

Как мне написать код,

Используйте Update-Panel. Что-то типа того:

HTML5

<style>
 .wrapper > div { 
  box-sizing: border-box;
}
 
.derevo { 
  float: left;
  width: 30%;
}
 
.info {
  float: right:
  width: 70%;
}
 
</style>
<div class="wrapper">
<div class="derevo">
     <asp:TreeView ID="derevo" AutoPostBack="true" OnSelectedIndexChanged="DerevoIndexChangedLol" runat="server"></asp:TreeView>
    </div>
  <div class="info" >
  <asp:UpdatePanel runat="server" UpdateMode="Conditional">
    <ContentTemplate>
      <asp:Label runat="server" ID="lblInfo"/>
    </ContentTemplate>
    <Triggers>
       <asp:AsyncPostBackTrigger EventName="IndexChanged" ControlId="derevo">  // имя события + id контрола
   </Triggers>
  </UpdatePanel>
</div>
<div>
</div>

+ в СodeBehind добавляете код обработчика:

C#

protected void DerevoIndexChangedLol(object sender, TreeViewEventArgs e) 
{
   var node = e.Node;
   // get some info from value or text
   lblText.Text = "some info";
}

Добавлено через 1 минуту
Нужно подключить сборку System.Web.Extensions

Добавлено через 3 минуты
имя события только OnSelectedNodeChanged.

@manumozz · 13.08.2016, 23:00 **[ТС]**

Спасибо за помощь. Только вот код... нужно его допилить похоже...
Во первых
System.Web.Extensions вот это никуда не подключается.
Во вторых
В хтмл коде среда ругается на:
ну дивы я позакрывал... ладно
Тег Triggers должен быть с asp или без?
Тег AsyncPostBackTrigger надо закрывать?
box-sizing не велит использовать, мол не любят его браузеры
комментарии в хтмл двумя слэшами не комментятся, надо 

Пожалуйста, потестите его в среде...

@IamRain · 13.08.2016, 23:09

HTML5

<div class="wrapper">
<div class="derevo">
     <asp:TreeView ID="derevo" AutoPostBack="true" OnSelectedIndexChanged="DerevoIndexChangedLol" runat="server"></asp:TreeView>
    </div>
  <div class="info" >
  <asp:UpdatePanel runat="server" UpdateMode="Conditional">
    <ContentTemplate>
      <asp:Label runat="server" ID="lblInfo"/>
    </ContentTemplate>
    <Triggers>
       <asp:AsyncPostBackTrigger EventName="IndexChanged" ControlId="derevo" />  // имя события + id контрола
   </Triggers>
  </asp:UpdatePanel>
</div>
</div>

@manumozz · 14.08.2016, 17:33 **[ТС]**

Вот что мне Visual Studio говорит:

C

Сообщение  1   Проверка (ASP.Net): атрибут "AutoPostBack" не является допустимым атрибутом элемента "TreeView".    D:\Tmp\_Poligon\JuliyaHomeWork\StarSystem\StarSystem\index.aspx 30  35  StarSystem
 
Сообщение  2   Проверка (ASP.Net): атрибут "OnSelectedIndexChanged" не является допустимым атрибутом элемента "TreeView".  D:\Tmp\_Poligon\JuliyaHomeWork\StarSystem\StarSystem\index.aspx 30  55  StarSystem
 
Ошибка    3   Имя типа или пространства имен "Extensions" отсутствует в пространстве имен "System.Web" (пропущена ссылка на сборку?) D:\Tmp\_Poligon\JuliyaHomeWork\StarSystem\StarSystem\index.aspx.cs  8   18  StarSystem
 
Ошибка    4   Имя типа или пространства имен "Extensions" отсутствует в пространстве имен "System.Web" (пропущена ссылка на сборку?) D:\Tmp\_Poligon\JuliyaHomeWork\StarSystem\StarSystem\BLL\Logic.cs   9   18  StarSystem

Что делать?

@IamRain · 14.08.2016, 19:53

Сообщение от manumozz

атрибут "AutoPostBack" не является допустимым атрибутом элемента "TreeView".

Ну уберите его, неужели читать не умеете? Я вообще по памяти набирал прямо в редакторе форума.

Добавлено через 46 секунд
И по остальным ошибкам то же самое.
По 3 и 4 нужно на странице добавить надо ссылку на сборку.

@manumozz · 14.08.2016, 20:47 **[ТС]**

Дорогой коллега, я очень благодарен вам за помощь. Только вот фишка в том, что я учусь программированию буквально полгода. Меня очень мотивирует ваша уверенность в том, что мы говорим на одном языке, но... я не понимаю что значит "уберите", это заменить чем-то... удалить совсем... Что значит добавьте ссылку на сборку?

Блоги программистов
Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .	Полезные поделки на Arduino, которые можно сделать самому raxper 06.01.2025 Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .	Подборка решений задач на Python IT_Exp 06.01.2025 Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .	С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .
Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного сумматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом задержки). Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .

@manumozz 2 / 2 / 0 Регистрация: 16.04.2015 Сообщений: 72
	13.08.2016, 23:00 [ТС]	3
	Спасибо за помощь. Только вот код... нужно его допилить похоже... Во первых System.Web.Extensions вот это никуда не подключается. Во вторых В хтмл коде среда ругается на: ну дивы я позакрывал... ладно Тег Triggers должен быть с asp или без? Тег AsyncPostBackTrigger надо закрывать? box-sizing не велит использовать, мол не любят его браузеры комментарии в хтмл двумя слэшами не комментятся, надо <!-- --> Пожалуйста, потестите его в среде... 0

@IamRain 3683 / 2594 / 719 Регистрация: 02.08.2011 Сообщений: 6,964
	14.08.2016, 19:53	6
	Сообщение от manumozz атрибут "AutoPostBack" не является допустимым атрибутом элемента "TreeView". Ну уберите его, неужели читать не умеете? Я вообще по памяти набирал прямо в редакторе форума. Добавлено через 46 секунд И по остальным ошибкам то же самое. По 3 и 4 нужно на странице добавить надо ссылку на сборку. 0

@manumozz 2 / 2 / 0 Регистрация: 16.04.2015 Сообщений: 72
	14.08.2016, 20:47 [ТС]	7
	Дорогой коллега, я очень благодарен вам за помощь. Только вот фишка в том, что я учусь программированию буквально полгода. Меня очень мотивирует ваша уверенность в том, что мы говорим на одном языке, но... я не понимаю что значит "уберите", это заменить чем-то... удалить совсем... Что значит добавьте ссылку на сборку? 0