XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page name="mainPage" xmlns="http://www.intersystems.com/zen" title="">
<hgroup>
<pane paneName="lookoutMenu1" align="left" valign="top"/>
<vgroup>
<fieldSet legend="ClassParent">
<tableNavigatorBar tablePaneId="table"/>
<dataController id="controller" modelClass="model.tblContact"/>
<form id="MyForm" align="center" labelPosition="top" controllerId="controller">
<tablePane id="table" onselectrow="zenPage.rowSelected(zenThis,which);" pageSize="6"
tableName="model.tbl_Contact" 
queryClass="model.tblContact" 
queryName="ListContacts" valueColumn="ID"  showZebra="true" useSnapshot="true" >
<column header="Name" colName="Name" width="20%" />
<column header="Communication1" colName="Communication1" width="20%" />
<column colName="ModifiedOn" hidden="true" />
</tablePane>
     <hgroup id="btnGroup" cellAlign="left">
	<button id="btnSave" caption="Добавить" onclick="zenPage.SaveItemContact();"/>
	<spacer width="10"/>
	<button id="btnDelete" caption="Удалить" onclick="zenPage.deleteItemContact();"/>
	<spacer width="10"/>
	<button id="btnEdit" caption="Редактировать" onclick="zenPage.editItemContact();"/>
	</hgroup>
</form>
</fieldSet>
<pane paneName="ChildContact" />
</vgroup>
</hgroup>
<pane paneName="addFormContact" hidden="true" />
</page>
}

ClientMethod SaveItemContact() [ Language = javascript ]
{
	zenLaunchPopupWindow('view.addAccount.cls','FileSelection',
	'status,scrollbars,resizable,width=450,height=250');
}

/// view.addAccount
Class view.addAccount Extends %ZEN.Dialog.standardDialog
{
/// Это XML область для этого компонента.
Parameter NAMESPACE;

Parameter APPLYBUTTON = 1;

Parameter DOMAIN = "MyDomain";

/// Этот блок Style содержит определение CSS стиля компонента.
XData Style
{
<style type="text/css">
</style>
}
/// Contents of this page:
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page name="addContactForm" xmlns="http://www.intersystems.com/zen" width="20%" height="40%" 
	title="#(%page.dialogTitle)#">
<pane paneName="dialogBody" id="body" />
<hgroup id="footer" width="100%" cellAlign="right">
<hgroup id="buttonHolder" cellAlign="right">
<button id="btnOK" caption=" OK " onclick="zenPage.saveItem();" />
<spacer width="5" />
<button id="btnCancel" caption="Cancel" onclick="zenPage.dialogCancel();" />
<spacer width="10" />
</hgroup>
</hgroup>
</page>
}
XData dialogBody
{
<pane xmlns =  "http://www.intersystems.com/zen" title ="">	
<pane align="left"  width="400">
<dataController modelId="" id="controller" modelClass="model.tblContact"/>
	<form id="MyForm" align="center" labelPosition="top" controllerId="controller">	
<hgroup>
	<!--Добавление ФИО-->
	<text label="ФИО" id="Name" name="Name" size="35"  dataBinding="Name"/>
	</hgroup>
	<hgroup>
	<vgroup>
	<hgroup>
	<!--Добавление: Дата рождения, Адрес, Должность-->
	<dateText label="Дата рождения:" id="DOB" name="DOB" dataBinding="DOB"/>
	<spacer width="20"/>
	<text label="Должность:" id="JobTitle" name="JobTitle" dataBinding="JobTitle"/>
	</hgroup>
	<textarea label="Доп.информация" id="Description" name="Dscription" cols="40" rows="5" dataBinding="Description"/>
	</vgroup>	
	</hgroup>	
       </form>
    </pane>
 </pane>
}
ClientMethod saveItem() [ Language = javascript ]
{
 //Получаем ссылку на объект контроллера
var controller = zenPage.getComponentById('controller');
//Сохраняем данные из формы через модель данных в базу
controller.save();
window.close();
}

}

ClientMethod rowSelected(table, which) [ Language = javascript ]
{
var controller = zen('controller'); 
controller.setModelId(table.getValue());
var id = controller.getModelId();
   if (controller.getModelId()==table.getValue()) 
   {
	    var id = controller.getModelId(); 
        controller.setProperty('modelId',id); 
		zen('MyForm').reset();
	}
		
        var childTable1 = zen('TableCom');
		childTable1.setProperty('parameters',1,id);
		childTable1.executeQuery(true);
		childTable1.selectRow(-1);
		zen('FormCom').reset();
}