Add

// Главная форма
frm=new TForm();
frm.Caption="JS+ - метод компонента TOutline Add";
frm.Width =525;
frm.Height=375;

// Строка состояния
stb=new TStatusBar(frm);
stb.SimpleText=" Выбирайте узлы дерева";

// Панель под деревом
pol=new TPanel(frm);
pol.BorderStyle=bsSingle;
pol.Left=pol.Top=10;
pol.Height=stb.Top-20;

// Дерево узлов
otl=new TOutline(pol);
otl.Left=otl.Top=5;
otl.OnClick=otl_Click;

// Заполнение дерева
for (i=1;i<=3;i++) {
  n=otl.Add(0,"Узел "+i);
  for (j=1;j<=i;j++)
    otl.AddChild(n,String("Узел "+i+"-"+j));
}

otl.FullExpand();
otl.ClientWidth =otl.GridWidth;
otl.ClientHeight=otl.GridHeight;
pol.ClientWidth =otl.Width+otl.Left*2;
otl.FullCollapse();

// Правая панель
pnl=new TPanel(frm);
pnl.BorderStyle=bsSingle;
pnl.Left=pol.Left+pol.Width+10;
pnl.Top =pol.Top;
pnl.Width =frm.ClientWidth-pnl.Left-pol.Left;
pnl.Height=pol.Height;
pnl.Color=pol.Color=otl.Color;

otl.SetFocus();
frm.ShowModal();

// Обработчик события OnClick
function otl_Click(otl)
{
  var oln=otl.Items[otl.SelectedItem];

  stb.SimpleText=" Выбран "+(pnl.Caption=oln.Text);
}