Class tutorial.Personal Extends (%Persistent, %ZEN.DataModel.Adaptor)
{
Property Surname As %String(MAXLEN =  200 ) [ Required ];
Property Name As %String(MAXLEN =  200 );
Property DOB As %Date(FORMAT =  3 );
Property Sex As %String;
Property Education As %String;
Relationship Pets As tutorial.Pet [ Cardinality = many, Inverse = NamePet ];
Property AdditionalInfo As %String(MAXLEN =  500 );
}

Class tutorial.Pet Extends (%Persistent, %ZEN.DataModel.Adaptor)
{
Property NamePet As %String;
Relationship Personals As tutorial.Personal [ Cardinality = one, Inverse = Pets ];
Index PersonalIndex On Personals;
}

/// Created using the page template: Default
Class tutorial.DisplayPersonal Extends %ZEN.Component.page
{

/// Class name of application this page belongs to.
Parameter APPLICATION;

/// Displayed name of this page.
Parameter PAGENAME = "Human";

/// Domain used for localization.
Parameter DOMAIN;

/// This Style block contains page-specific CSS style definitions.
XData Style
{
<style type="text/css">
    /* style for title bar */
    #title {
      background: #C5D6D6;
      color: black;
      font-family: Verdana;
      font-size:  1 .5em;
      font-weight: bold;
      padding: 5px;
      border-bottom: 1px solid black;
      text-align: center;
      }
    </style>
}

/// This XML block defines the contents of this page.
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page xmlns="http://www.intersystems.com/zen" title="">
<tablePane id="table" tableName="tutorial.Personal" 
valueColumn="ID"
onselectrow="zenPage.RowSel(zenThis);"
	ondblclick="zenPage.Boo(zenThis);">
<column header="id" colName="ID" width="2%" hidden="true"/>
<column header="Фамилия" colName="Surname" filterType="text"/>
<column header="Имя" colName="Name"/>
<column header="Дата рождения" colName="DOB"  filterType="date" filterOp="BETWEEN"/>
<column header="Пол" colName="Sex" width="9%" filterType="enum" filterEnum="мужчина, женщина" filterOp="="/>
<column header="Животина" colName="Pets"/>
<column header="Образование" colName="Education" width="15%" filterType="enum" filterEnum="нет, среднее, среднее-специальное, высшее неоконченное, высшее" filterOp="="/>
</tablePane>

<titlePane title="Создать, редактировать, удалить" />

<dataController id="controller" modelClass="tutorial.Personal"/>
	<form id="MyForm" align="right" labelPosition="top" controllerId="controller">
	<hgroup>
	<text label="Фамилия:" id="Surname" name="Surname" size="35" required="true" dataBinding="Surname"/>
	<spacer width="20"/>
	<text label="Имя:" id="Name" name="Name" size="20" dataBinding="Name"/>
	<spacer width="20"/>
	<dateText label="Дата рождения:" id="DOB" name="DOB" dataBinding="DOB"/>
	</hgroup>
	<spacer height="10"/>
	<hgroup labelPosition="left">
	<radioSet label="Пол:" id="Sex" name="Sex" displayList="мужчина, женщина" valueList="мужчина, женщина" dataBinding="Sex"/>
	</hgroup>
	<spacer height="10"/>
	<hgroup>
	<combobox label="Образование:" id="Education" name="Education" displayList="нет, среднее, среднее-специальное, высшее неоконченное, высшее" valueList="нет, среднее, среднее-специальное, высшее неоконченное, высшее" dataBinding="Education"/>
	<spacer height="10"/>
	<!--dataCombo label="Животина:" id="Pets" name="Pets" displayColumns="2" dataBinding="Pets"/-->
	<spacer height="10"/>
	</hgroup>
	<textarea label="Дополнительная информация:" id="AdditionalInfo" name="AdditionalInfo" cols="50" rows="5" dataBinding="AdditionalInfo"/>
	</form>
	<hgroup id="btnGroup" cellAlign="right">
	<button id="btnNew" caption="Создать" onclick='zenPage.NewItem();'/>
	<spacer width="10"/>
	<button id="btnSave" caption="Сохранить" onclick='zenPage.SaveItem();'/>
	<spacer width="10"/>
	<button id="btnDelete" caption="Удалить" onclick='zenPage.DeleteItem();'/>
	<spacer width="10"/>
	</hgroup>
</page>
}

Method Boo(table) [ Language = javascript ]
{
	var id = table.getValue();
		//zenPage.ShowObject(id);
		alert('RowSelected ' + id);
}

Method NewItem() [ Language = javascript ]
{
	var controller = zenPage.getComponentById('controller');
		controller.createNewObject();
}

Method SaveItem() [ Language = javascript ]
{
	var controller = zenPage.getComponentById('controller');
		controller.save();
	var table = zenPage.getComponentById('table');
		table.executeQuery(true);
}

Method DeleteItem() [ Language = javascript ]
{
	var controller = zenPage.getComponentById('controller');
	var id = controller.getModelId();
	
		if (id == '') {
			alert('Выберите строку для удаления!!!');
		}
		else if (confirm('Уверены что хотите удалить данную запись? Учтите данная операция не обратима!!!' + ' ' + id))
		{controller.deletId(controller.getModelId());
		

		var table = zenPage.getComponentById('table');
			table.executeQuery(true);
			controller.update();
		}
}

Method RowSel(table) [ Language = javascript ]
{
	var id = table.getValue();
		zenPage.ShowObject(id);
		//alert('RowSelected ' + id);
}

Method ShowObject(id) [ Language = javascript ]
{
	var controller = zenPage.getComponentById('controller');
		controller.setModelId(id);
		//alert('ShowObject ' + id);
}

}