Creé un tablero personalizado qbo3 con:
Loan Search en la parte superior yTask Search debajo del préstamoCuando un usuario hace clic en un préstamo en el panel superior, debería ver las tareas asociadas con un préstamo en el panel inferior.
Sin embargo, el hipervínculo estándar del panel de Loan Search para los préstamos navega a la página Loan Summary .
¿Necesito crear un componente de interfaz de usuario personalizado para el panel de Loan Search ?
Un panel personalizado puede aprovechar el panel de Loan Search estándar e interceptar el evento de clic en el hipervínculo del préstamo con este fragmento:
document.id('Loans').addEvent('click:relay(a)', function(e, t) { e.preventDefault(); let p = t.href.substring(t.href.indexOf('?')+1).parseQueryString(); qbo3.getObject('Tasks').refresh({ 'Object': 'Loan', 'ObjectID': p.ID }); })Una versión completa:
<?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:import href="Theme.xslt"/> <xsl:output method="html" indent="yes" doctype-system="html"/> <xsl:template match="/"> <html> <head> <xsl:call-template name="Head"/> </head> <body> <xsl:call-template name="MainMenu"> <xsl:with-param name="Object">Loan</xsl:with-param> </xsl:call-template> <div class="container-fluid"> <div class="row-fluid"> <div class="span12"> <div class="tab-content"> <div id="Loans" class="tab-pane" data-behavior="ObjectBind" data-objectbind-options="{{'class': 'qbo3.LoanObject', 'method': 'Search', 'render': false, 'listen': ['search'] }}" > <p>...</p> </div> </div> </div> </div> <div class="row-fluid"> <div class="span12"> <div class="tab-content"> <div id="Tasks" class="tab-pane" data-behavior="ObjectBind" data-objectbind-options="{{'class': 'qbo3.ImportFormObject', 'method': 'Search', 'render': false }}" > <p>...</p> </div> </div> </div> </div> </div> <script type="text/javascript"> document.id('Loans').addEvent('click:relay(a)', function(e, t) { e.preventDefault(); let p = t.href.substring(t.href.indexOf('?')+1).parseQueryString(); qbo3.getObject('Tasks').refresh({ 'Object': 'Loan', 'ObjectID': p.ID }); }) </script> </body> </html> </xsl:template> </xsl:stylesheet>