Mobile 有人能帮我为移动应用程序提供XPages DataView控件吗？

我正在为我的一个xpage应用程序创建我的第一个移动界面。我的方法相当简单，我将使用dataview控件显示视图数据，然后从那里移动到文档页面

我面临的挑战是，我希望使用摘要列中的多个值来显示视图数据。我想展示这样的东西：

  Q12345 sent on 5/12/2018               v
      ABC MANUFACTURING, CORP.
    RT554039
    RT223091
    RT009873

其中第一行包含右侧的可展开详细信息链接。细节部分将包含“RT”编号。因此，默认情况下，每个条目将显示报价编号、发送日期和客户名称。然后展开条目将显示“RT”编号

我在网站上找到了Brad Ballasaitis的博客文章

但我不能让它为我工作。我看到的是：

我也不想整件事都用粗体字，只想用引号本身

这是我的密码：

        <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 + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + 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>

有人能帮我找出哪里出了问题，并为我指出正确的方向，让这项工作顺利进行吗

---

（为了清楚起见，我希望每个条目都有一个“详细信息展开”下拉箭头和一个正常的“转到”右箭头。）

您需要解决的问题是：

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 + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + ventry.getColumnValues()[4];

var tmpstr=“在asdfasdf上发送

”；
tmpstr=tmpstr+“”+ventry.getColumnValues（）[4]；

您需要通过添加类名和带有类条目的div标记来修改HTML。此外-为了速度：尽量不要将列值和项混合在一起。将所有感兴趣的值移动到视图中，这样就不需要调用文档。或从文档中选择所有内容（较慢）

var colvals=ventry.getColumnValues（）；
var tmpstr=“”
tmpstr=tmpstr+“感谢你们两位。我删除了文档引用（这是我以前尝试的一个保留）

我能够在摘要方面通过这个计算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>&nbsp;&nbsp;&nbsp;&nbsp;" + jdt.toDateString() + "<br>";
    tmpstr = tmpstr + "&nbsp;&nbsp;&nbsp;&nbsp;" + 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>";
}

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（“+”）；
//只需保持描述（模型s）
var items=新数组（）；
对于（x=0；x当使用XPages移动控件时，我倾向于只使用摘要列，或者当我想显示和格式化多行时使用摘要方面。我会将详细信息方面的计算字段移动到摘要方面。你可能会发现这个视频博客系列很有用，谢谢，Paul。我注意到我感兴趣的博客链接，“第四部分细节，细节"但已变灰！我将尝试将所有内容移动到摘要方面。我遇到的一个问题是如何禁用粗体样式。似乎我在摘要中放置的所有内容在默认情况下都是粗体的。如何删除/禁用粗体，以便我可以自己设置样式？尝试将所有内容移动到细节方面，而不是摘要方面。我记不起来了如果移动控件中必须包含摘要列或摘要方面，则返回ber。更改为值得快速测试
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>&nbsp;&nbsp;&nbsp;&nbsp;" + jdt.toDateString() + "<br>";
    tmpstr = tmpstr + "&nbsp;&nbsp;&nbsp;&nbsp;" + 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>";
}