有人可以帮助我使用移动应用程序的XPages DataView控件吗？
我为我的一个xpage应用程序创建了我的第一个移动界面。我的方法相当简单，因为我会使用dataview控件来显示视图数据，然后从那里移动到文档页面。
我的挑战是，我希望使用摘要列中的一个以上的值来显示我的视图数据。我想展示这样的东西：
Q12345 sent on 5/12/2018 v
ABC MANUFACTURING, CORP.
RT554039
RT223091
RT009873
其中第一行包含右侧的可扩展详细信息链接。细节部分将包含＆＃34; RT＆＃34;数字。因此，默认情况下，每个条目都会显示报价编号，发送日期和客户名称。然后扩展条目将显示＆＃34; RT＆＃34;号。
我发现Brad Ballasaitis＆＃39;博客文章在 https://xcellerant.net/2013/08/02/xpages-data-views-3-collapsible-details/
但是我无法让它为我工作。这就是我所看到的：
我也不希望整个事情变得大胆，只是引用号码本身。
这是我的代码：
<xe:appPage id="appPage10" resetContent="true"
pageName="viewByCust" preload="true">
<xe:djxmHeading id="djxmHeading10" back="Back"
moveTo="viewCustByRep">
<xe:this.label><![CDATA[#{javascript:sessionScope.AcctUNID = null;
"Quotes List"}]]></xe:this.label>
<xp:this.facets>
<xp:button value="Home" id="button1"
xp:key="actionFacet">
<xp:eventHandler event="onclick" submit="true"
refreshMode="complete">
<xp:this.action>
<xe:moveTo direction="Right to Left"
forceFullRefresh="true" targetPage="homePage"
transitionType="slide">
</xe:moveTo>
</xp:this.action>
</xp:eventHandler>
</xp:button>
</xp:this.facets>
<xp:label id="label9" rendered="false"
style="color:rgb(255,0,0);margin-left:50.0px;font-weight:bold;font-size:11pt"
value="viewByCust">
</xp:label>
</xe:djxmHeading>
<xp:table style="width:100.0%">
<xp:tr>
<xp:td style="text-align:center;height:30px">
<xp:label id="label2"
style="font-size:12pt;font-weight:bold" value="#{javascript:sessionScope.ViewKey}">
</xp:label>
</xp:td>
</xp:tr>
</xp:table>
<xe:dataView id="dataView1" openDocAsReadonly="true"
rows="100" var="ventry" collapsibleDetail="true"
disableHideRow="false">
<xe:this.pageName><![CDATA[#{javascript:sessionScope.BackTo = "viewByCust";
"pageDoc"}]]></xe:this.pageName>
<xp:this.facets>
<xp:panel xp:key="summary" id="panelsumm">
<xp:text escape="false" id="computedField23">
<xp:this.value><![CDATA[#{javascript:if(ventry!=null){
var tmpstr = "<h4><a href='PageName.xsp?openDocument&documentId=" + ventry.getDocument().getUniversalID() + "'>";
tmpstr = tmpstr + ventry.getDocument().getItemValueString('DocNum') + "</a></h4><b></b> sent on asdfasdf<br></br>";
tmpstr = tmpstr + " " + ventry.getColumnValues()[4];
}}]]></xp:this.value>
</xp:text>
</xp:panel>
<xp:text escape="false" id="computedField24"
xp:key="detail">
<xp:this.value><![CDATA[#{javascript:"RT123<br></br>RT5543<br></br>RT9876"}]]></xp:this.value>
</xp:text>
<xp:link escape="true" text="More Entries..."
id="link1" xp:key="pagerBottom">
<xp:this.rendered><![CDATA[#{javascript:sessionScope.AcctSearch==null || sessionScope.AcctSearch==""}]]></xp:this.rendered>
<xp:eventHandler event="onclick"
submit="false">
<xp:this.script>
<xe:addRows rowCount="50"
for="dataView2">
</xe:addRows>
</xp:this.script>
</xp:eventHandler>
</xp:link>
<xe:toolBarButton id="toolBarButton3" label="Search"
xp:key="pagerTop">
<xp:eventHandler event="onClick" submit="true"
refreshMode="partial" refreshId="dataView1">
</xp:eventHandler>
</xe:toolBarButton>
<xp:inputText id="inputText4"
value="#{sessionScope.AcctSearch}" xp:key="pagerTopLeft"
style="height:30px;font-size:12pt">
<xp:eventHandler event="onkeydown" submit="true"
refreshMode="partial" refreshId="dataView2">
<xp:this.script>
<xp:executeClientScript>
<xp:this.script><![CDATA[if (thisEvent.keyCode != '13') {
return false;
}]]></xp:this.script>
</xp:executeClientScript>
</xp:this.script>
</xp:eventHandler>
</xp:inputText>
</xp:this.facets>
<xe:this.data>
<xp:dominoView var="view2"
viewName="SalesQbyCust">
<xp:this.categoryFilter><![CDATA[#{javascript:var vkey = sessionScope.ViewKey;
if(vkey==null){
sessionScope.RepNum;
}
else {
sessionScope.RepNum + "~" + vkey;
}}]]></xp:this.categoryFilter>
</xp:dominoView>
</xe:this.data>
</xe:dataView>
</xe:appPage>
有人可以帮我解决我出错的地方，并指出我正确的方向让这个工作吗？
（为了清楚起见，我希望能够同时展开＆＃39;详细信息以及每个条目的正常箭头和右箭头。）< / p>
2 个答案:
答案 0 :(得分：0)
你需要解决的问题是：
var tmpstr = "<h4><a href='PageName.xsp?openDocument&documentId=" + ventry.getDocument().getUniversalID() + "'>";
tmpstr = tmpstr + ventry.getDocument().getItemValueString('DocNum') + "</a></h4><b></b> sent on asdfasdf<br></br>";
tmpstr = tmpstr + " " + ventry.getColumnValues()[4];
您需要通过为类条目添加类名和div标签来重新编写HTML。另外 - 为了速度：尽量不要混合columnValues和Items。将您感兴趣的所有值移动到视图中，然后您就不需要调用该文档。或者从文档中选择所有内容（较慢）
var colvals = ventry.getColumnValues();
var tmpstr = "<h4 class='mobileControl'><a href='PageName.xsp?openDocument&documentId=" + ventry.colvals[0] + "'>";
tmpstr = tmpstr + ventry.colvals[1]+ "</a></h4>"
tmpstr = tmpstr + "<div class='mobileDetail' sent on asdfasdf<br />";
tmpstr = tmpstr + colvals[4] + "</div>";
然后使用CSS格式化
答案 1 :(得分：0)
感谢你们俩。我删除了文档引用（这是我之前尝试的结果）。
我能够在摘要构面中使用此计算的html获得我所追求的外观：
if(ventry!=null){
var docnum = ventry.getColumnValues()[1];
var custname = ventry.getColumnValues()[4];
var ndt = ventry.getColumnValues()[5];
var itemlist = ventry.getColumnValues()[2]; //item~desc+item~desc
var itmdscarr = itemlist.split("+");
//just keep the desc (model #s)
var items = new Array();
for(x=0;x<itmdscarr.length;x++){
var tmp = itmdscarr[x]; //item~desc
var tmparr = tmp.split("~");
items.push(tmparr[1]);
}
var jdt = ndt.toJavaDate();
var tmpstr = "<font size='3'>";
tmpstr = tmpstr + docnum + "</font> " + jdt.toDateString() + "<br>";
tmpstr = tmpstr + " " + custname +"<br>";
tmpstr = tmpstr + "<font size='2' face='Courier'><UL style='list-style-type:none;margin-top:0px;margin-left:0px'><LI>" + @Implode(items,"<LI>") + "</UL></font>";
}
给了我这个......
我删除了summaryColumn名称，只是将此计算字段放在Summary facet的面板中。像魅力一样。
再次感谢。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？