qbo3自定义仪表板交互
qbo3自定义仪表板交互
提问于 2021-09-09 13:29:36
我用以下内容创建了一个qbo3自定义仪表板：
- A
Loan Search面板位于顶部， - A
Task Search面板位于loan
之下
当用户单击顶部面板中的贷款时，她应该会在底部面板中看到与贷款相关的任务。
但是，用于贷款的标准Loan Search面板超链接导航到Loan Summary页面。
是否需要为Loan Search面板创建自定义UI组件？
回答 1
Stack Overflow用户
发布于 2021-09-09 13:29:36
自定义仪表板可以利用标准的Loan Search面板，并使用以下代码片段拦截loan超链接上的单击事件：
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
});
})全文：
<?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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69119111
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号