DIV CSS 佈局教程網

最近做的一個B/S項目，在打印時采用了在IE中嵌入.Net winform控件和XML結合的方式（參見http://www.yesky.com/20030214/1652186.sHtml），在實際應用過程中，有一些心得，和大家分享。
（一）.使用通用模版格式化XML文件
系統中共用到了三種單據，分別為出庫單，入庫單，送貨單，因此，定義三個模版文件，格式如下：
chukudan.xsl:
<?XML version="1.0" encoding="GB2312"?>
<xsl:stylesheet version="1.0"  XMLns:xsl="http://www.w3.org/1999/XSL/Transform">  
   <xsl:template match="Bill">  
   <root>
 <pagesetting>
  <landscape>false</landscape>
  <paperkind>Custom</paperkind>
  <paperwidth>800</paperwidth>
  <paperheight>600</paperheight>
  <paperleft>0</paperleft>
  <paperight>0</paperight>
  <papetop>0</papetop>
  <papebottom>0</papebottom>
 </pagesetting>
 <reporttable>
      <bill x="55" y="19" border="0" bordercolor="white" maxlines="6">
  <xsl:for-each select="BillMaster">
   <toptable width="743">
    <tr height="20">
  <td width="118"  align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">車次號:</td>
     <td width="449"  align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"><xsl:value-of select="SERIAL_NO" /></td>
     <td width="35"  align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"></td>
     <td width="138"  align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"></td>

    </tr>  
   </toptable>
  </xsl:for-each>
  <detailtable width="373">
   <xsl:for-each select="BillDetail">  
    <tr height="33">
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"><xsl:value-of select="BILL_NO" /></td>
 <td width="173" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="PROD_MODEL_2" /></td>
     <td width="55" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"><xsl:value-of select="PROD_NUM" /></td>
     <td width="55" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="PIECE_NUM" /></td>         
    </tr> 
  
   </xsl:for-each>
  </detailtable>
  <mastertable width="370">
   <xsl:for-each select="BillMaster">
    <tr height="33">
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White">
     </td>
 <td width="280" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="ADDRESS" /></td>
    </tr>
    <tr height="33">
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">

     </td>
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"><xsl:value-of select="CONTACT_PERSON" /></td>
     <td width="70" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
     </td>
     <td width="120" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"><xsl:value-of select="CONTACT_PHONE" /></td>
    </tr>
  <tr height="33">       
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White">
     </td>
     <td width="280" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="DRIVER_UNIT" /></td>
    </tr>
    <tr height="33">
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
     </td>
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="DRIVER_NO" /></td>
     <td width="70" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
  </td>
     <td width="120" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="DRIVER_PERSON" /></td>

    </tr>
    <tr height="33">
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
     </td>
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="CAR_MODEL" />
     </td>
     <td width="70" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
     </td>
     <td width="120" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"></td>
  </tr>
    <tr height="33">
     <td width="90"  align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
     </td>
     <td width="280" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="COME_TO" /></td>
    </tr>
   </xsl:for-each>
  </mastertable>
 
  <foottable width="743">
   <xsl:for-each select="BillMaster">
    <tr height="35">
     <td width="90" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"></td>
     <td width="173" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"></td>
     <td width="55" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="White"></td>
 <td width="55" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"></td>         
   
     <td width="90"  align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white">
     </td>
     <td width="280" align="right"  fontsize="10" fontname="宋體" fontcolor="black" b="true" i="false" u="false" bgcolor="white"><xsl:value-of select="REMARK" /></td>
    </tr> 
   </xsl:for-each>
      </foottable>  
  
      </bill>
   </reporttable>
</root>    
   </xsl:template> 

</xsl:stylesheet>
其中，toptable是表頭，detailtable是表格左邊的產品明細，mastertable是表格右邊的運輸信息等，foottable是最下面制表人等信息。

然後，在ASP.Net頁面中，將查詢出的結果作如下轉換

            '是否取得了單據
  If billInfoXML <> Nothing Then

                billInfoDoc.LoadXml(billInfoXML)
                'billInfoDoc.LoadXML("http://111.111.111.111/stockmg/test.xsl")
                billTrans.Load(billFormatXMLUrl)

                billXmlWr.Formatting = System.XML.Formatting.Indented
                billXMLWr.Indentation = 4

                billXMLWr.IndentChar = " "

                billTrans.Transform(billNav, Nothing, billXMLWr, Nothing)
                billXMLWr.Flush()

            End If

返回的信息用Javascript代碼加載到打印控件：
parent.frames.frmhidPrint.parent.frames.frmhidPrint.print1.SetXml(xmlResult); //SetMessage(XMLResult); parent.frames.frmhidPrint.parent.frames.frmhidPrint.print1.PrintAct();

注意，這裡調用打印控件用了parent.frames....這是為了節省每次打開頁面時加載打印控件的時間，使用了一個框架網頁，把打印控件放在一個單獨的頁面中，從而不需每次加載。

 第一次發帖，包涵，呵呵。