XDOC的使用和一些问题总结

原创 2016年09月21日 10:47:32

打开XDOC编辑器

一键打开本地xdoc模板编辑器

在web开发中使用XDOC

1. 准备

1.1打开XDOC编辑器新建模板,并取名helloxdocMode 另存为fpd格式
1.2下载web要用到的文件:xdoc.js和fpd.swf。将helloxdocMode.fpd,xdoc.js,fpd.swf放入到web项目中。(我是都放在了WebRoot下了)
1.3新建helloxdoc.html并引入xdoc.js

2. 开发

<!--不能带DOCTYPE,否则会有xodc不能全屏显示的问题-->
<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-->
<html>
    <head>
        <title>'helloword.jsp'</title>
       <script src="jquery-1.7.2.min.js"></script>
       <script src="xdoc.js"></script>
    </head>
  <!--body样式,防止xdoc,html双滚动条-->
  <body style="margin:0;overflow:hidden;"> 
    <div id="formDiv"></div>
  </body>
</html>     
<script>
//XDoc.server是用来找fpd.swf的,即http://host:port/jweb/flash/fpd.swf
XDoc.server = "/jweb/flash"; 
XDoc.form("formDiv","helloxdocMode.fpd", {
    onInit:function(form) {
    },
    onLoad:function(form) {
    },
    onSave:function(form) {
    },
    onChange:function(form,item) {
    }
});
</script>

XDOC官网
XDOC表单 API


几个阁僚的地方

编写模板的时候要注意:xdoc有设计和运行两种模式。设计好后要点运行看一下实际效果。

  • 实际显示与模板不符,web中会有偏移等显示乱象
    在设计模式下会有这种问题,改为在运行模式下另存为即可。
  • 编辑模板合并单元格时,显示时会挤到一起
    在设计模式下选择好要调整的控件后,选择编辑表格属性找到位置->尺寸类型属性,更改为固定大小即可解决这个问题
  • xdoc不能全屏显示
    去掉html、jsp等头部的<!DOCTYPE HTML >标签
  • xdoc,html双滚动条
    body添加样式:style=”margin:0;overflow:hidden;”

相关文章推荐

将XDOC引擎加入你的J2EE应用中

JSP引擎是J2EE应用服务器默认提供的,它的目标是动态生成html页面。 XDOC引擎与JSP引擎类似,它的目标是动态生成pdf、flash、docx、html、png等各种格式。与JSP不同的是...
  • xdocs
  • xdocs
  • 2015年12月05日 23:27
  • 1442

云报表XDOC:基于HTML入门

使用XDOC云报表非常简单,只需要引入xdoc.js,如下 "text/javascript" src="http://xdoc.sinaapp.com/xdoc.js">   下面你就可以把...
  • xdocs
  • xdocs
  • 2015年12月05日 23:30
  • 725

免费报表XDOC从入门到精通(三)第一个XDOC

创建 打开XDOC设计器,输入“第一个XDOC”,如下图:    部署 点击【服务器】,切换到服务器视图     切换到服务器视图后,显示连接到服务器对话框,...
  • xdocs
  • xdocs
  • 2015年12月05日 23:25
  • 420

XDOC发布9.1.8版

XDOC发布了9.1.8版,这个版本最大的改进是加入了XDOC的JavaScript客户端xdoc.js 这个客户端的加入对XDOC有着重要的意义,它将作为一个Web环境下的文档平台而存在,您可以通...
  • xdocs
  • xdocs
  • 2015年12月05日 23:30
  • 519

基于Web服务的PDF 排版引擎 XDOC(mini)发布

XDOC (mini) 项目地址: http://git.oschina.net/xdoc/xdoc 简介 XDOC(mini)是XDOC的精简版,项目的主要目标是提供一个基于XML的文...
  • xdocs
  • xdocs
  • 2015年12月05日 23:33
  • 768

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

XDOC云服务API(四)

7. 阅读器 显示阅读器,用户可以选择本地文件,在线阅读。 带参数的XDOC文件,会显示参数表单,用户可以输入参数后运行。 方法 http://xdoc.sinaapp.com/xdoc?_...
  • xdocs
  • xdocs
  • 2015年12月05日 23:32
  • 511

给你几个使用XDOC云服务(报表、表单)的理由

不需要部署服务器、安装软件,随时随地免费直接使用 及时的技术支持:使用、新功能、Bug修复 Office式设计器,设计、运行、发布一体化设计,使用简单方便 安全,不访问数...
  • xdocs
  • xdocs
  • 2015年12月05日 23:31
  • 349

免费报表XDOC从入门到精通(一)简介

XDOC是一个功能强大的报表工具,用纯Java编写,并且是免费的。它与传统报表有很大不同,有许多创新: ◇  安装部署非常简单 XDOC部署包大小不到12M,可以部署到任何J2EE服务器中。...
  • xdocs
  • xdocs
  • 2015年12月05日 23:25
  • 617

使用XDOC云服务做套打

在浏览器中输入http://xdoc.aliapp.com/_taoda.xdoc?_func=edit&_tdoc=select,打开xdoc编辑器,taoda为你的文件名称。选择你的套打背景图片,...
  • xdocs
  • xdocs
  • 2015年12月05日 23:33
  • 217
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XDOC的使用和一些问题总结
举报原因:
原因补充:

(最多只允许输入30个字)