1

xp:viewPanel を持つ次の単純な xpage があります。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:viewPanel rows="30" id="viewPanel1" disableTheme="true">
    <xp:this.data>
        <xp:dominoView var="view1" viewName="testView"></xp:dominoView>
    </xp:this.data>
    <xp:viewColumn columnName="$0" id="viewColumn1">
        <xp:viewColumnHeader value="Col 1" id="viewColumnHeader1"></xp:viewColumnHeader>
    </xp:viewColumn>
</xp:viewPanel>
</xp:view>

ヘッダーとフッターのページャーは無効になっていますが、生成された HTML には常に、ビュー データの周りに先頭の空白行があります。

<table id="view:_id1:viewPanel1_OUTER_TABLE" cellspacing="0" cellpadding="0">

 <tr>
  <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
 </tr>

 <tr>
  <td colspan="3" style="padding:0px" width="100%" height="100%" valign="top">
     <table id="view:_id1:viewPanel1">
       <thead>
         <tr>
           <th scope="col">
             <div><span><span id="view:_id1:viewPanel1:viewColumn1:__internal_header_title_id">Col 1</span></span></div>         
           </th>
         </tr>
       </thead>
       <tbody>
        <tr>
         <td>
          <span id="view:_id1:viewPanel1:0:viewColumn1:_internalViewText">&nbsp;</span>         
         </td>
        </tr>
       </tbody>
     </table>

  </td>
 </tr>

 <tr>
  <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
 </tr>

</table>

この空の行を非表示/削除するにはどうすればよいですか?

すでに空のテーマを追加してテストデータベースで使用しましたが、それは役に立ちませんでした:

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd">
</theme>

Domino Domino 8.5.3 Upgrade Pack 1 を使用しています

事前にダニエル

編集 2012 年 4 月 24 日:

Ulrich Krause のおかげで、彼の答えは正しい方向性を与えてくれ、最終的には独自のテーマ拡張を作成することになりました。

<theme extends="webstandard" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd">

  <!-- ================== View Table with no footer and header ================================ -->
    <!-- View DataTable - copied from webstandard theme and customized  (Notes\xsp\nsf\themes)-->
    <control >
            <name>DataTable.ViewPanelNoHeaderFooter</name>
            <property>
                    <name>headerEndStyle</name>
                    <value>display: none;</value>
            </property>
            <property>
                    <name>headerStartStyle</name>
                    <value>display: none;</value>
            </property>           
            <property>
                    <name>headerStyle</name>
                    <value>display: none;</value>
            </property>


            <property>
                    <name>footerStyle</name>
                    <value>display: none;</value>
            </property>
            <property>
                    <name>footerStartStyle</name>
                    <value>display: none;</value>
            </property>           
            <property>
                    <name>footerEndStyle</name>
                    <value>display: none;</value>
            </property>
    </control>
</theme>

そのテーマ拡張機能を使用すると、必要に応じて xp:viewPanel のテーマ ID を "DataTable.ViewPanelNoHeaderFooter" に設定でき、ヘッダーとフッターの行が非表示になります。

<xp:viewPanel rows="30" id="viewPanel1" 
    themeId="DataTable.ViewPanelNoHeaderFooter">
    <xp:this.data>
        <xp:dominoView var="view1" viewName="testView"></xp:dominoView>
    </xp:this.data>
    <xp:viewColumn columnName="$0" id="viewColumn1">
        <xp:viewColumnHeader value="Col 1" id="viewColumnHeader1">
        </xp:viewColumnHeader>
    </xp:viewColumn>

</xp:viewPanel>
4

2 に答える 2

2

これにはテーマを使用しています。空の .xspDataTableViewPanelHeaderStart などを display:none に設定します。firebug で検査して要素を見つけます。解決策を投稿しますが、現時点ではスマートフォンしか持っていません。

于 2012-04-24T17:35:10.783 に答える
0

ページャのプロパティとして disableTheme="true" を使用してみて、コードが削除されるかどうかを確認してください。

    <xp:pager partialRefresh="true" layout="Previous Group Next"
            xp:key="headerPager" id="pager1" disableTheme="true">
        </xp:pager>
于 2012-04-24T16:51:17.477 に答える