1)Importar la base de datos "master_detai_db"
2)Crear liveViews para el master y el detail en LiveView panel
- masterView -> seleccionar todos los checkboxes y guardar
- detailView -> seleccionar todos los checkboxes y guardar
3)En el designer
- cambiar en layoutBox la propiedad "box" : de Top_to_Botton a Left_to_Right
- en el palette añadir 2 templates "SearchListDetail" y aplicar flex en los 2
4)Crear variables
Crear 1 liveVariable para el master ->liveSource : masterView y quitarle el seleccionado a la propiedad autoUpdate
Crear 1 liveVariable para el detail ->liveSource : detailView y quitarle el seleccionado a la propiedad autoUpdate
Crear 1 variable para el actual master ->type : Master
5) Enlazar(Bind)..... master y detail con los widgets
Para el master:
- Bind dataGrid1 con el liveVariable1
- Bind liveVariable1 con el dataGrid1.selectedItem
Para el:
- Bind dataGrid2 con el liveVariable2
- Bind liveVariable2 con el dataGrid2.selectedItem
Para el actual_master:
- Bind variable1 -> dataSet -> idMaster con el liveForm1.dataOutput.idMaster
6) Filtrar el liveVariable2 para mostrar los datos del detail
- Bind detail -> master -> idMaster con el liveForm1.dataOutput.idMaster
- En el liveForm2 -> event -> OnSuccess -> liveVariable2
- En el dataGrid1 -> event -> OnSelected -> liveVariable2
7) Seleccionar el widget liveForm2 para poner el actual_master en el related panel
- Seleccionar el widget masterSalesRelatedEditor1 y cambiar la propiedad "editingMode" : de lookup a readonly
- Crear un evento en BeginInsert con javascript y colocar:
liveForm2BeginInsert: function(inSender) {
this.masterSalesRelatedEditor1.setDataSet(this.variable1);
},
8) En la funcion inicial de la pagina poner:
start: function() {
this.liveVariable1.update();
}
Fuentes:
No hay comentarios:
Publicar un comentario