语源科技BlogJava-Mon$ter！的开发笔记http://www.blogjava.net/moster/Truth is truth to the end of reckoning <hr/> <br/> <br/>真理就是真理，琢磨到最后依然是真理——《恶有恶报》zh-cnMon, 13 Apr 2026 10:46:21 GMTMon, 13 Apr 2026 10:46:21 GMT60Struts2的ActionContexthttp://www.blogjava.net/moster/archive/2011/07/27/355118.htmlMon$ter！Mon$ter！Wed, 27 Jul 2011 05:00:00 GMThttp://www.blogjava.net/moster/archive/2011/07/27/355118.htmlhttp://www.blogjava.net/moster/comments/355118.htmlhttp://www.blogjava.net/moster/archive/2011/07/27/355118.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/355118.htmlhttp://www.blogjava.net/moster/services/trackbacks/355118.html阅读全文

Mon$ter！ 2011-07-27 13:00 发表评论
]]>Struts2的ActionContexthttp://www.blogjava.net/moster/archive/2011/07/27/355119.htmlMon$ter！Mon$ter！Wed, 27 Jul 2011 05:00:00 GMThttp://www.blogjava.net/moster/archive/2011/07/27/355119.htmlhttp://www.blogjava.net/moster/comments/355119.htmlhttp://www.blogjava.net/moster/archive/2011/07/27/355119.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/355119.htmlhttp://www.blogjava.net/moster/services/trackbacks/355119.html阅读全文

Mon$ter！ 2011-07-27 13:00 发表评论
]]>修改Flexigrid源码http://www.blogjava.net/moster/archive/2011/07/26/355079.htmlMon$ter！Mon$ter！Tue, 26 Jul 2011 12:18:00 GMThttp://www.blogjava.net/moster/archive/2011/07/26/355079.htmlhttp://www.blogjava.net/moster/comments/355079.htmlhttp://www.blogjava.net/moster/archive/2011/07/26/355079.html#Feedback2http://www.blogjava.net/moster/comments/commentRss/355079.htmlhttp://www.blogjava.net/moster/services/trackbacks/355079.htmlhttp://www.eps2008.cn/index.php?aid=50 修改flexigrid源码一(json,checkbox)

 

1.修改默认的json格式为key:value

修改前

rows: [{id:'ZW',cell:['ZW','ZIMBABWE','Zimbabwe','ZWE','716']},{id:'ZW',cell:['ZW','ZIMBABWE','Zimbabwe','ZWE','716']}]

修改后

rows: [{id:'1',name:'Anson',sex:'男',email:'chents@gpcsoft',qq:'75526201'},{id:'2',name:'Anson',sex:'男',email:'chents@gpcsoft',qq:'75526201'}]

源码修改说明

找到 if (p.dataType=='json')

将其后的大括号{}内容改为：

$.each
(
data.rows,
function(i,row)
{
var tr = document.createElement('tr');
if (i % 2 && p.striped) tr.className = 'erow';

if (row.id) tr.id = 'row' + row.id;

//by anson QQ:75526201 chents@gpcsoft.com 转载请保留
var tdVal = [];

//给每行添加id
if (p.rowId){

$.each( data.rows[i], function(x,y){

if(p.rowId==x){tr.setAttribute('id',y);
}

})
}

if (p.colModel){

for (j=0;j<p.colModel.length;j++){

var cm = p.colModel[j];
//取列名
var seleceName = cm.name;
//json Bug修复://打包文件中未加入,请自行加入 
if(typeof(data.rows[i][seleceName])=='undefined'){data.rows[i][seleceName]=''}
//过滤key
$.each( data.rows[i], function(x,y){

if(seleceName==x){tdVal.push(y)}

})

}
}

//add cell
$('thead tr:first th',g.hDiv).each
(
function ()
{

var td = document.createElement('td');
var idx = $(this).attr('axis').substr(3);
td.align = this.align;
td.innerHTML = tdVal[idx];
//td.innerHTML = row.cell[idx];
$(tr).append(td);
td = null;
}
);


if ($('thead',this.gDiv).length<1) //handle if grid has no headers
{

for (idx=0;idx<cell.length;idx++)
{
var td = document.createElement('td');
//td.innerHTML = row.cell[idx];
td.innerHTML = tdVal[idx];
$(tr).append(td);
td = null;
}
}

$(tbody).append(tr);
tr = null;
}
);
 

2.加入checkbox

只要设置checkbox:true即可在前面显示多选框

源码修改说明

a.找到 $('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();

替换为:

//添加多选框
if (p.checkbox) {
$('div:eq('+n+')',g.cDrag).css({'left':cdpos+22+'px'}).show();
}
else{
$('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();
}

b.找到//add cell

前面插入:

//添加多选框
if (p.checkbox) {

var cth = $('<th/>');

var cthch = $('<input type="checkbox" value="' + $(tr).attr('id') +'"/>');

var objTr = $(tr);

cthch.addClass("noborder").click(function(){

if(this.checked){

objTr.addClass('trSelected');
}
else{
objTr.removeClass('trSelected');
}
})

cth.addClass("cth").attr({ width: "22"}).append(cthch);

$(tr).prepend(cth);


}

c.找到$(this).toggleClass('trSelected');

后面插入:

//添加多选框
if(p.checkbox){
if($(this).hasClass('trSelected')){
$(this).find('input')[0].checked=true;
}
else{
$(this).find('input')[0].checked=false
}
}

d.找到if ($('th',g.hDiv).length)

在其后的{}大括号中加入

//添加多选框
if (p.checkbox) {
$('tr',g.hDiv).each(
function(){

var cth = $('<td/>');

var cthch = $('<input type="checkbox"/>');

cthch.click(function(){
if(this.checked){
$('tbody tr',g.bDiv).each(function(){
$(this).addClass('trSelected').find('input')[0].checked=true;
})
}
else{

$('tbody tr',g.bDiv).each(function(){
$(this).removeClass('trSelected').find('input')[0].checked=false;
})
}
})

cth.addClass("cth").attr({ width: "22" }).append(cthch);

$(this).prepend(cth);

})
};

e.找到p = $.extend({

添加默认设置

checkbox:false,//是否要多选框
rowId:'id',//绑定行的id

 

修改后结果

点击查看原图

未加入多条件搜索,右键,打印,导出Excel等功能,如有需要联系作者Anson,QQ:75526201

点击查看原图

修改后文件下载:点击下载附件

 

 


http://hi.baidu.com/wzjstrong/blog/item/fc64e036da94221d90ef393b.html
http://blog.csdn.net/liuzhoulong/article/details/6076071
jQuery插件flexigrid是像ext的DataGrid一样的活动表格插件，使用它首先要引入query.js,还要引入flexigrid.js和flexigrid.css
        看看插件中部分代码以及说明 

Titleif (t.grid)   
  1.             return false; // return if already exist   
  2.   
  3.         // apply default properties   
  4.         p = $.extend({   
  5.             height : 200, // flexigrid插件的高度，单位为px   
  6.             width : 'auto', // 宽度值，auto表示根据每列的宽度自动计算   
  7.             striped : true, // 是否显示斑纹效果，默认是奇偶交互的形式   
  8.             novstripe : false,   
  9.             minwidth : 30, // 列的最小宽度   
  10.             minheight : 80, // 列的最小高度   
  11.             resizable : true, // 是否可伸缩   
  12.             url : false, // ajax方式对应的url地址   
  13.             method : 'POST', // 数据发送方式   
  14.             dataType : 'xml', // 数据加载的类型   
  15.             checkbox : false,// 是否要多选框   
  16.             errormsg : '连接错误!',// 错误提示信息   
  17.             usepager : false, // 是否分页   
  18.             nowrap : true, // 是否不换行   
  19.             page : 1, // 默认当前页   
  20.             total : 1, // 总页面数   
  21.             useRp : true, // 是否可以动态设置每页显示的结果数   
  22.             rp : 15, // 每页默认的结果数   
  23.             rpOptions : [5,10, 15, 20, 25, 30, 40],// 可选择设定的每页结果数   
  24.             title : false,// 是否包含标题   
  25.             pagestat : '显示第 {from} 条到 {to} 条,共 {total} 条数据',// 显示当前页和总页面的样式   
  26.             procmsg : '正在处理,请稍候 ...',// 正在处理的提示信息   
  27.             query : '',// 搜索查询的条件   
  28.             qtype : '',// 搜索查询的类别   
  29.             nomsg : '没有数据存在!',// 无结果的提示信息   
  30.             minColToggle : 1, // 允许显示的最小列数   
  31.             showToggleBtn : true, // 是否允许显示隐藏列，该属性有bug设置成false点击头脚本报错   
  32.             hideOnSubmit : true,// 隐藏提交   
  33.             autoload : true,// 自动加载   
  34.             blockOpacity : 0.5,// 透明度设置   
  35.             onToggleCol : false,// 当在行之间转换时，可在此方法中重写默认实现，基本无用   
  36.             onChangeSort : false,// 当改变排序时，可在此方法中重写默认实现，自行实现客户端排序   
  37.             onSuccess : false,// 成功后执行   
  38.             onSubmit : false   
  39.               // 调用自定义的计算函数   
  40.           }, p);  
了解了每个属性的含义后就可以根据自己的需要来配置了，

Title
$("#flex1").flexigrid({
	url: 'post2.php',
	dataType: 'json',
	colModel : [
		{display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'},
		{display: 'Name', name : 'name', width : 180, sortable : true, align: 'left'},
		{display: 'Printable Name', name : 'printable_name', width : 120, sortable : true, align: 'left'},
		{display: 'ISO3', name : 'iso3', width : 130, sortable : true, align: 'left', hide: true},
		{display: 'Number Code', name : 'numcode', width : 80, sortable : true, align: 'right'}
		],
	buttons : [
		{name: 'Add', bclass: 'add', onpress : test},
		{name: 'Delete', bclass: 'delete', onpress : test},
		{separator: true}
		],
	searchitems : [
		{display: 'ISO', name : 'iso'},
		{display: 'Name', name : 'name', isdefault: true}
		],
	sortname: "iso",
	sortorder: "asc",
	usepager: true,
	title: 'Countries',
	useRp: true,
	rp: 15,
	showTableToggleBtn: true,
	width: 700,
	height: 200
});   



Title$("#flex1").flexigrid
   (
   {
        url:  './contract_getAllJsonData.action?startDate=<ss:date name="startDate" format="yyyy-MM-  dd"/>&endDate=<ss:date name="endDate" format="yyyy-MM-dd"/>&contractId=${contractId}',
   dataType: 'json',
   method: 'POST',
   colModel : [
    {display: '广告位', name : 'advName', width : 300, sortable : true, align: 'center'},
    {display: '开始投放时间', name : 'start', width : 180, sortable : true, align: 'left'},
    {display: '结束投放时间', name : 'end', width : 180, sortable : true, align: 'left'},
    {display: '点击数', name : 'clicks', width : 80, sortable : true, align: 'left'},
    {display: '曝光数', name : 'impressions', width : 80, sortable : true, align: 'left'},
    {display: '分析', name : 'impressions', width : 80, sortable : true, align: 'left'}
    ],
      sortname: "advName",
   sortorder: "asc",
   usepager: true,
   useRp: true,    
   title: '统计期间该合同广告位投放',
   showTableToggleBtn: true,
   width: 1000,
   height: 200
   }
 );   
后台java代码（struts2），由于框架不同代码有可能不同，我这里一次查出了所有需要数据，没有考虑分页，需要分页的话，请将page 等信息传入后来查询。
/**
  * 用于结合flexigrid实现可选表格
  * @return
  */
 public String getAllJsonData() {
  SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm");
  ContractReportService service = (ContractReportService) SpringHelper
  .getBean(TMG_REPORTS_CONTRACT);
  Map map = new HashMap();
  map.put("contractId", contractId);
  map.put("startdate", startDate);
  map.put("enddate", endDate);
  list = service.getAdvListbyContract(map);
  try {
  List mapList = new ArrayList();   
  for(int i = 0; i < list.size(); i++) {  
     Map cellMap = new HashMap();  
     ContractReport cr = (ContractReport)list.get(i);
           cellMap.put("cell", new Object[] {cr.getAdvName(), formatter.format(cr.getStart()), formatter.format(cr.getEnd()), cr.getClicks(), cr.getImpressions(),"<img alt='分析' src='../image/analyse.gif'>"});     
           mapList.add(cellMap);   
  }
     Map pageInfo = new HashMap();      
     pageInfo.put("rows", mapList); 
     JSONObject object = new JSONObject();   
     object.accumulateAll(pageInfo);
     Struts2Utils.getResponse().setContentType("text/x-json");
     Struts2Utils.getResponse().setCharacterEncoding("UTF-8");
     Struts2Utils.getResponse().setHeader("Cache-Control", "no-cache");
     Struts2Utils.getResponse().getWriter().write(object.toString());
     Struts2Utils.getResponse().getWriter().flush();
     Struts2Utils.getResponse().getWriter().close();
  } catch (IOException e) {
   e.printStackTrace();
  }
  return null;
 }
 最后上图（用highcharts和flexigrid实现）：


Mon$ter！ 2011-07-26 20:18 发表评论
]]>学习基于jQuery的FlexiGrid工具（3）APIhttp://www.blogjava.net/moster/archive/2011/07/26/355077.htmlMon$ter！Mon$ter！Tue, 26 Jul 2011 11:15:00 GMThttp://www.blogjava.net/moster/archive/2011/07/26/355077.htmlhttp://www.blogjava.net/moster/comments/355077.htmlhttp://www.blogjava.net/moster/archive/2011/07/26/355077.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/355077.htmlhttp://www.blogjava.net/moster/services/trackbacks/355077.html阅读全文

Mon$ter！ 2011-07-26 19:15 发表评论
]]>学习基于jQuery的FlexiGrid工具（2）一处报错的处理http://www.blogjava.net/moster/archive/2011/07/26/355060.htmlMon$ter！Mon$ter！Tue, 26 Jul 2011 06:37:00 GMThttp://www.blogjava.net/moster/archive/2011/07/26/355060.htmlhttp://www.blogjava.net/moster/comments/355060.htmlhttp://www.blogjava.net/moster/archive/2011/07/26/355060.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/355060.htmlhttp://www.blogjava.net/moster/services/trackbacks/355060.htmlmyeclipse中一处报错，$(this.colCopy).css({
Title      position: 'absolute',
      'float': 'left',
      display: 'none',
      textAlign: obj.align
     });

修改一下就OK了：
Title$(this.colCopy).css({
      position: 'absolute',
      'float': 'left',
      'display': 'none',
      textAlign: obj.align
     });


Mon$ter！ 2011-07-26 14:37 发表评论
]]>学习基于jQuery的FlexiGrid工具http://www.blogjava.net/moster/archive/2011/07/26/355053.htmlMon$ter！Mon$ter！Tue, 26 Jul 2011 05:17:00 GMThttp://www.blogjava.net/moster/archive/2011/07/26/355053.htmlhttp://www.blogjava.net/moster/comments/355053.htmlhttp://www.blogjava.net/moster/archive/2011/07/26/355053.html#Feedback5http://www.blogjava.net/moster/comments/commentRss/355053.htmlhttp://www.blogjava.net/moster/services/trackbacks/355053.html阅读全文

Mon$ter！ 2011-07-26 13:17 发表评论
]]>JS 动态添加列表框项效果代码http://www.blogjava.net/moster/archive/2011/07/25/354984.htmlMon$ter！Mon$ter！Mon, 25 Jul 2011 06:19:00 GMThttp://www.blogjava.net/moster/archive/2011/07/25/354984.htmlhttp://www.blogjava.net/moster/comments/354984.htmlhttp://www.blogjava.net/moster/archive/2011/07/25/354984.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/354984.htmlhttp://www.blogjava.net/moster/services/trackbacks/354984.htmlhttp://www.jb51.net/article/19139.htm JS 动态添加列表框项效果代码
详细出处参考：http://www.jb51.net/article/19139.htm

http://www.jb51.net/article/27681.htm js 弹出层 并可以拖拽
详细出处参考：http://www.jb51.net/article/27681.htm

 

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹出层并可拖拽</title>
<style>
html,body{height:100%;overflow:hidden;}
body,div,h2{margin:0;padding:0;}
body{font:12px/1.5 Tahoma;}
center{padding-top:10px;}
button{cursor:pointer;}
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;}
#win{position:absolute;top:50%;left:50%;width:400px;height:200px;background:#fff;border:4px solid #f90;margin:-102px 0 0 -202px;display:none;}
h2{font-size:12px;height:18px;text-align:right;background:#FC0;border-bottom:3px solid #f90;padding:5px;cursor:move;}
h2 span{color:#f90;cursor:pointer;background:#fff;border:1px solid #f90;padding:0 2px;}
</style>
<script>
window.onload = function ()
{
var oWin = document.getElementById("win");
var oLay = document.getElementById("overlay");
var oBtn = document.getElementsByTagName("button")[0];
var oClose = document.getElementById("close");
var oH2 = oWin.getElementsByTagName("h2")[0];
var bDrag = false;
var disX = disY = 0;
oBtn.onclick = function ()
{
oLay.style.display = "block";
oWin.style.display = "block"
};
oClose.onclick = function ()
{
oLay.style.display = "none";
oWin.style.display = "none"

};
oClose.onmousedown = function (event)
{
(event || window.event).cancelBubble = true;
};
oH2.onmousedown = function (event)
{
var event = event || window.event;
bDrag = true;
disX = event.clientX - oWin.offsetLeft;
disY = event.clientY - oWin.offsetTop;
this.setCapture && this.setCapture();
return false
};
document.onmousemove = function (event)
{
if (!bDrag) return;
var event = event || window.event;
var iL = event.clientX - disX;
var iT = event.clientY - disY;
var maxL = document.documentElement.clientWidth - oWin.offsetWidth;
var maxT = document.documentElement.clientHeight - oWin.offsetHeight;
iL = iL < 0 ? 0 : iL;
iL = iL > maxL ? maxL : iL;
iT = iT < 0 ? 0 : iT;
iT = iT > maxT ? maxT : iT;

oWin.style.marginTop = oWin.style.marginLeft = 0;
oWin.style.left = iL + "px";
oWin.style.top = iT + "px";
return false
};
document.onmouseup = window.onblur = oH2.onlosecapture = function ()
{
bDrag = false;
oH2.releaseCapture && oH2.releaseCapture();
};
};
</script>
</head>
<body>
<div id="overlay"></div>
<div id="win"><h2><span id="close">×</span></h2></div>
<center><button>弹出层</button></center>
</body>
</html>

 



Mon$ter！ 2011-07-25 14:19 发表评论
]]>使用 Lotus Forms JavaScript API 与 Web 页面中的 XFDL 表单交互（转itpub）http://www.blogjava.net/moster/archive/2011/07/25/354974.htmlMon$ter！Mon$ter！Mon, 25 Jul 2011 04:30:00 GMThttp://www.blogjava.net/moster/archive/2011/07/25/354974.htmlhttp://www.blogjava.net/moster/comments/354974.htmlhttp://www.blogjava.net/moster/archive/2011/07/25/354974.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/354974.htmlhttp://www.blogjava.net/moster/services/trackbacks/354974.html简介： IBM Lotus Forms 是 IBM 推出的电子表单解决方案，用于自动化基于纸质的流程，减少处理时间和出错概率，提高流程处理效率。其中，Webform. Server 和 Viewer 作为用于展现表单的产品，为用户提供了在桌面上和浏览器中查看和操作表单的功能。除此之外，这两个产品还提供了 JavaScript. API，用于 HTML 页面简单方便地与 XFDL 表单进行交互，大大提高了 Lotus Forms 二次开发的速度。

概述

JavaScript. API 是用于通过编程与 Web 页面中嵌入的 XFDL 表单交互的一组工具。通过 JavaScript. API，可以把一个已存在的静态表单转变为交互式的动态表单，非常容易地将 Lotus Forms 与其他应用集成。展示在 IBM Lotus Forms Viewer 和 IBM Lotus Forms Server – Webform. Server 中的表单都可以使用 JavaScript. API 进行控制和操作。JavaScript. API 允许我们使用熟悉的 JavaScript. 工具创建 HTML 页面，与现有的 XFDL 表单进行动态交互，使用脚本在表单中插入或修改数据以及从表单中提取数据。

可以使用 JavaScript. API 直接访问整个表单及其所有元素节点。JavaScript. API 提供了操作表单中的输入框等控件的功能。可以从嵌入 Web 页面中的 XFDL 表单中提取信息，使用 JavaScript. 代码加工处理，然后返回给同一个表单或同一个 Web 页面中的其他表单。另外，也可以从表单中获取数字签名的信息，然后加以验证或进行其他操作。

图 1 展示了在 HTML 页面中使用 JavaScript. API 与 XFDL 表单交互的过程。


图 1. HTML 页面中使用 JavaScript. API 与 XFDL 表单交互的过程
图 1. HTML 页面中使用 JavaScript. API 与 XFDL 表单交互的过程

FormNodeP 对象和 XFDL 对象是 JavaScript. API 的主要组成部分，下面将对其进行详细介绍。

回页首

FormNodeP 对象

表单中的每个 XFDL 元素都对应一个 FormNodeP 对象，在加载表单的时候，代表表单本身的 FormNodeP 对象会被添加到 ibmForms 数组中。调用 JavaScript. API 的应用可以使用 ibmForms 数组作为起点。FormNodeP 对象包含了操作和控制表单的方法。可用于添加、修改、删除和验证表单内容。任何使用 FormNodeP 对象中的方法的 Web 页面必须在脚本中包含 LF_FormNodeP.js 文件。FomNodeP 对象中的方法可以分为以下几类：

  • 事件相关的方法：JavaScript. API 支持四种事件，即 onBlur、 onChange、 onClick 和 onFocus 事件。在 FormNodeP 对象中包含了对这四类事件的处理函数注册和注销方法。
  • 表单页面元素及其属性：可以使用 FormNodeP 中的方法读取、添加和修改表单页面元素及其属性，例如为 combobox、list 或 popup 添加一个选项，复制或删除一个表单页面元素，或者操作表单中的附件等等。
  • Form. instance：可以使用 FormNodeP 提供的相关方法获取或更新 form. instance，包括 XForms instance 和 XML model。
  • 数字签名：FormNodeP 提供了用于验证或删除表单中的数字签名的功能。

回页首

XFDL 对象

XFDL 对象包含从 Web 页面中注册和注销表单的功能。为了使用 JavaScript. API，必须在脚本文件的开头包含 LF_XFDL.js 文件。

XFDL 中的 registerAPIExceptionHandler 方法用于注册处理 JavaScript. API 抛出的异常的函数。registerForm. 方法用于注册表单，将其添加到 ibmForms 表单数组中，这样 JavaScript. API 可以访问该表单。deregisterForm. 方法用于注销原来注册的表单。调用该方法后，JavaScript. API 不可以继续访问该表单。

回页首

使用 JavaScript. API 创建与 Lotus Forms 表单交互的应用

下面将通过一个实例展示如何使用 JavaScript. API 创建与 Lotus Forms 表单交互的 Web 应用。

实例中的表单是采购系统中的一个简化采购订单表单，当用户选定一个商品时，表单中会自动显示出商品的报价和生产厂商的名称及图标；用户添加需要采购的商品后对表单进行数字签名；HTML 页面获得采购订单的数据和数字签名的状态后提交到后台进行处理。下面将列举本实例中使用 JavaScript. API 的几段代码。

本文中使用的完整表单及代码详见下载部分，可以使用 Lotus Forms Viewer 3.5.1 或 Lotus Forms Webform. Server 3.5.1 来打开该表单。

在使用 JavaScript. API 的脚本的开头部分，包含需要的 JavaScript. API 文件：


清单 1.
<SCRIPT. TYPE="text/javascript" SRC="LF_XFDL.js"></SCRIPT> 
<SCRIPT. TYPE="text/javascript" SRC="LF_FormNodeP.js"></SCRIPT>


清单 2. 在加载表单后，注册商品名称改变事件
var theName = ibmForms["customFormName"].dereferenceEx(null, "PAGE1.LIST1", 
    0, FormNodeP.UFL_ITEM_REFERENCE, null); 
theName.addOnChange(updatePrice); 
theName.addOnChange(updateProducer); 
theName.addOnChange(updateProducerIcon);

用户选定一个商品时，显示商品的报价及生产厂商的名称，代码如下。


清单 3. 通过更新 Instance 中的节点更新商品的单价
function updatePrice() 
{ 
    ibmForms["customFormName"].
        updateXFormsInstance(null,"instance('Generated')/wizardpage2/price",
        null,"15.0", XFDL.UFL_XFORMS_UPDATE_REPLACE_TEXT) 
}


清单 4. 通过设置 XFDL 元素的值来更新生产厂商的名称
function updateProducer() 
{ 
    ibmForms["customFormName"].setLiteralByRefEx(null, 
        "PAGE1.producer.value", 0, null, "IBM"); 
}

为了显示生产厂商的图标， 我们需要将图标图片的数据以附件的形式添加到表单中，其 JavaScript. API 代码如下。


清单 5. 添加图片文件
function updateProducerIcon() 
{ 

    var pageone = ibmForms["customFormName"].dereferenceEx(null, 
        "PAGE1", 0, FormNodeP.UFL_PAGE_REFERENCE, null); 
	
    var imageEncode = 
        "H4sIAAAAAAAAC3P3dLOwTFRgUGA4xAAC////X8XwoYGh4QPDqg9A/
        uxMhtAPij9ZGEGSOiACpJaBuVRi151/BmyGS1uV7t/
        VKHcWKHIJ8HL+JfjGdF28zvkSWVGLZvFpgj/
        6YvUUnpjyMS5JlNSxau9uDmHMsZnPt+TJqzmF3Vv0r5zeqrC1X/
        vI88mLLj8wNa4U/
        JaSPLvO36jWSV9AR11as7HJqL2mRkSum0uyr190sikngzUAvLfe4rAAAAA="
	
    var encloseImage = pageone.encloseFile(imageEncode, 
        "base64-gzip", "image/gif", null, "DATA1"); 
 }

当用户完成采购订单并进行数字签名后，提交订单，在提交订单前，需要验证数字签名，如果数字签名验证函数的返回值为 FormNodeP.UFL_DS_OK，则表示数字签名有效。


清单 6. 验证数字签名
function verifySign() 
{ 
	var signNode = ibmForms["customFormName"]
	    .dereferenceEx(null, "PAGE1.SIGNATURE1", 0, 
	    FormNodeP.UFL_ITEM_REFERENCE, null); 

	var ret = ibmForms["customFormName"].verifySignature(signNode, false); 
	
	return ret; 

}

该实例中使用的表单和代码祥见附件。

有时，需要在同一个 Web 页面中展示多个 XFDL 表单。当在同一个 Web 页面中同时展示多个 XFDL 表单时，如果使用 JavaScript. API 处理 XFDL 表单，需要使用表单的文件名来区分不同的表单，示例代码如下。


清单 7. 多表单示例代码
if (!ibmForms["customFormName"] || !ibmForms["Form2.xfdl"] || !ibmForms["Form3.xfdl"]) { 
    alert("You must select a form. before you can start any tests..."); 
}

回页首

异常和错误处理

在使用 Lotus Forms Javascript. API 时，有两个发生异常的根源，一个是 JavaScript. 代码，另一个是 Viewer 或 Webform. server 中的底层表单处理代码。

可以使用常规的方式处理 JavaScript. 代码错误。例如，保持浏览器的默认行为或者使用 JavaScript. 的 try-catch 方式进行处理。

JavaScript. API 的错误处理机制用于处理底层表单代码抛出的异常。这些异常可以以 JavaScript. 警告的方式显示，或者传递到自定义的异常处理器。可以使用 XFDL 对象的 registerAPIExceptionHandler 方法注册自定义的异常处理方法。自定义的异常处理方法应该以 JavaScript. 错误对象 ex 做为输入参数 , 实例代码如下。


清单 8. 用户自定义的异常处理示例代码
function apiExceHandler(ex) { 

    alert("custom error handling"); 
    alert("name: " + ex.name); 
    var exDesc =  ex.description; 
    alert("description: " + exDesc); 
    var exMsg =  ex.message 
    alert("message: " + exMsg); 
}

回页首

Viewer 和 Webform. Server 中实现的区别

很多时候，不管表单是由 Viewer 展示还是 Webform. Server，其使用 JavaScript. API 的方式是相同的。但是，有时可能需要根据选择使用 Viewer 还是 Webform. Server 调整应用的设计。

由于实现机制的不同，当使用 Webform. Server 展示表单时，使用 JavaScript. API 的应用可能有以下某些局限。

  • Web 页面加载：在表单没有完全加载到浏览器并注册前，不能使用 JavaScript. API。但是，浏览器并不能控制页面中不同部分的加载顺序，即不能保证在 JavaScript. 应用访问表单前表单已经加载完成并注册。对于这种情况，Portlet 和 Servlet 分别有其不同的解决方法。当使用 Portlet 时，可以通过使用两个 Portlet 来解决，一个 Portlet 用于展示 XFDL 表单，另一个 Portlet 中提供用户控制 JavaScript. 应用的初始化的机制。当使用 Servlet 时，可以通过把 Web 页面划分成不同的 frame. 来解决。Frameset 元素的 onload 事件在所有 frame. 加载完成后发生，可以用于控制 JavaScript. 应用的初始化。
  • Web 页面重新加载：尽管 Webform. server 中广泛使用了 AJAX，但是某些操作仍然会引起页面刷新，当页面刷新并重新加载后，JavaScript. 的状态信息会丢失，变量值和存储的任何其它数据都会丢失。在 Servlet 中，可以使用 HTML frame. 来处理这种局限。Portlet 中则会比较复杂。需要采取措施以在页面重新加载时保存 JavaScript. 应用的状态。

回页首

总结

本文在介绍了 Lotus Forms JavaScript. API 后，结合实例向用户详细地介绍了如何使用 JavaScript. API 与 XFDL 表单动态交互，进行 Lotus Forms 的二次开发以及与其他系统的集成。本文还总结了 Lotus Forms JavaScript. API 中的异常和错误处理机制。最后，文章列举了使用 Lotus Forms Webform. Server 的 JavaScript. API 的应用需要注意的局限及其解决方法。

原文链接：http://www.ibm.com/developerworks/cn/lotus/forms-javascript-api/index.html




Mon$ter！ 2011-07-25 12:30 发表评论
]]>JS动态对表单进行添加和修改http://www.blogjava.net/moster/archive/2011/07/25/354966.htmlMon$ter！Mon$ter！Mon, 25 Jul 2011 03:23:00 GMThttp://www.blogjava.net/moster/archive/2011/07/25/354966.htmlhttp://www.blogjava.net/moster/comments/354966.htmlhttp://www.blogjava.net/moster/archive/2011/07/25/354966.html#Feedback2http://www.blogjava.net/moster/comments/commentRss/354966.htmlhttp://www.blogjava.net/moster/services/trackbacks/354966.htmlhttp://hi.baidu.com/supersolon/blog/item/c07bca86cf9307b26d8119e6.html JS动态对表单进行添加和修改

http://hi.baidu.com/supersolon/blog/item/7a52c6562cebb9030df3e3e5.html JS实现区域打印，去页眉页脚
Title

<%@ page language="java" contentType="text/html;charset=GBK"
import="java.util.Date"%>


<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html>
<head>
<title>市局办公用品－新个人申领</title>
<fmt:setBundle basename="MyResource" scope="session" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="<fmt:message key='StylePath' />style.css" rel="stylesheet"
   type="text/css">
<script type="text/javascript"
   src="<fmt:message key='JavaScriptPath' />common.js"></script>
<script language="javascript"
   src="<fmt:message key='JavaScriptPath' />meizzDate.js"></script>
<script language="JavaScript"
   src="<fmt:message key='JavaScriptPath' />GetDate.js"></script>
<script language="JavaScript" src="common/js/dojo/dojo.js"></script>
<script type='text/javascript'
   src='<%=request.getContextPath()%>/dwr/interface/OfficeSuppliesLogic.js'></script>
<script type='text/javascript'
   src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script language="javascript"
   src="<c:out value="${pageContext.request.contextPath}"/>/common/js/js_select.js"></script>
<script language="javascript">
//dwr.engine.setAsync(false);
var csbh="<c:out value="${sessionScope.currentUserData.csbh}"/>";
var goodsindex=0;
   function submitButton(obj)
{
if(obj.value==""){
return;
}
OfficeSuppliesLogic.queryGoods(obj.value,csbh,setGoods);
}
function handleSetSelectIndexAsValue(destSideId,value){
       var destSide=document.getElementById(destSideId);
    if(destSide==null)return;
    for(var j=0;j<destSide.options.length; j++){
   if(destSide.options[j].value==value){
       destSide.selectedIndex=j;
      break;
    } 
  }
 
 }


function setGoods(data){
   handleRemoveAll("goods");

if(data==null ||data=='null'){return;}

for(var i=0;i<data.length;i++){
var officeSuppliesModel=data[i];

if(officeSuppliesModel==null ||officeSuppliesModel=='null' ){continue;}

var goodsId=officeSuppliesModel.id;
var goodsName=officeSuppliesModel.name;
var goodsUnit=officeSuppliesModel.unit;
handleAdd("goods",goodsId+"|"+goodsUnit,goodsName);
     }
   }

function backClick()
{
    document.forms[0].method.value="queryExamePersonSuppliesByUser";
   return true;
}
function saveClick()
{
   document.forms[0].typeName.value=document.forms[0].typeId.options[document.forms[0].typeId.selectedIndex].text;
   document.forms[0].goodsName.value=document.forms[0].goods.options[document.forms[0].goods.selectedIndex].text;
   count=document.forms[0].goodsName.value;
   if(count==null || count.length<=0)
   {
    alert('物品名称不能为空!');
    document.forms[0].goodsName.value='';
    return false;
   }
   count=document.forms[0].applyCount.value;
   if(count==null || count<='0')
   {
    alert('数量不能小(等)于零或为空!');
    document.forms[0].applyCount.value='';
    return false;
   }
  
   return true;
}
function startClick()
{
    var checknum=0;
    var checkBoxs=document.getElementsByName("applyid");
    for(var i=0;i<checkBoxs.length;i++){
        
           if(checkBoxs[i].checked){
     
             checknum=checknum+1;
           }
      }
     
      if(checknum==0){
       alert("可提交的申请项为空，请选择申请项后进行提交！");
       return false;
      }
   document.forms[0].method.value="createPersonSuppliesDraw";

   return true;
}
    function goodChange()
    {
        var val=document.forms[0].goods.options[document.forms[0].goods.selectedIndex].value;
   var arry=val.split('|');
   try{
        document.forms[0].unit.value=arry[1];
         document.forms[0].goodsId.value=arry[0];
     
    if(document.getElementById('display').hasChildNodes())
         {
             document.getElementById('display').removeChild(document.getElementById('display').childNodes[0]);
         }
      //   document.getElementById('display').removeChild(document.getElementById('display'));
            document.getElementById('display').appendChild(document.createTextNode(arry[1]));
      
   }catch(e)
   {}
    }

function addGoods(){
if(!saveClick()){
return;
}
     var opertype=document.forms[0].opertype.value;
var typeName=document.forms[0].typeId.options[document.forms[0].typeId.selectedIndex].text;
     var typeId=document.forms[0].typeId.options[document.forms[0].typeId.selectedIndex].value;
     var goodsName=document.forms[0].goods.options[document.forms[0].goods.selectedIndex].text;
   var goods_id="-1";
      var unit="";
   var val=document.forms[0].goods.options[document.forms[0].goods.selectedIndex].value;

   var arry=val.split('|');
   try{
         unit=arry[1];
         goods_id=arry[0];
           }catch(e)
   {}

     var applyCount=document.forms[0].applyCount.value;
    

var table=document.getElementById("bgyptable");
     if(opertype==""){
   var newTr = table.insertRow(table.rows.length-1);

                     newTr.id=goodsindex;
                     var newTd0 = newTr.insertCell();
      newTd0.className="table2_td";
                     newTd0.innerHTML=typeName+"<input type=hidden value='"+typeName+"' name='typeName_"+goodsindex+"'>"
                             +"<input type=hidden value='"+typeId+"' name='typeId_"+goodsindex+"'>";
                     var newTd1 = newTr.insertCell();
       newTd1.className="table2_td";
                     newTd1.innerHTML=goodsName+"<input type=hidden value='"+goodsName+"' name='goodsName_"+goodsindex+"'>"
                             +"<input type=hidden value='"+goods_id+"' name='goods_id_"+goodsindex+"'>"
                             +"<input type=hidden value='"+unit+"' name='unit_"+goodsindex+"'>";  
         
       var newTd3 = newTr.insertCell();
        newTd3.className="table2_td";
                     newTd3.innerHTML=applyCount+unit+"<input type=hidden value='"+applyCount+"' name='applyCount_"+goodsindex+"'>";   
     
      var newTd6 = newTr.insertCell();
      newTd6.className="table2_td";
                     newTd6.innerHTML="<span onclick='javascript:setModify(this.parentElement.parentElement)'>修改</span><input type=checkbox value='"+goodsindex+"' name='applyid' checked='true'>";
            goodsindex=goodsindex+1;
}else{

    for(var i=0;i<table.rows.length-1;i++){
     obj=table.rows[i];
   
     if(obj.cells.length<3||obj.cells[3].getElementsByTagName("input").length==0||obj.cells[3].getElementsByTagName("input")[0].type!="checkbox"){
     continue;
     }
    var rowid=obj.cells[3].getElementsByTagName("input")[0].value;
    if(rowid==opertype){
   obj.cells[0].innerHTML=typeName+"<input type=hidden value='"+typeName+"' name='typeName_"+rowid+"'>"
                             +"<input type=hidden value='"+typeId+"' name='typeId_"+rowid+"'>";
   obj.cells[1].innerHTML=goodsName+"<input type=hidden value='"+goodsName+"' name='goodsName_"+rowid+"'>"
                             +"<input type=hidden value='"+goods_id+"' name='goods_id_"+rowid+"'>"
                             +"<input type=hidden value='"+unit+"' name='unit_"+rowid+"'>";  
     
      obj.cells[2].innerHTML=applyCount+unit+"<input type=hidden value='"+applyCount+"' name='applyCount_"+rowid+"'>";   
     
    
     document.forms[0].opertype.value="";
     document.getElementById("okbutton").value="增加到申请列表";

    }   
   
    }

    }

    document.forms[0].applyCount.value="";

   // document.forms[0].guige.value="";
//document.forms[0].typeId.selectedIndex=0;
//document.forms[0].goods.selectedIndex=0;

}

function setModify(obj){
   var id=obj.cells[3].getElementsByTagName("input")[0].value;  
    document.forms[0].opertype.value=id;

     document.forms[0].applyCount.value=obj.cells[2].getElementsByTagName("input")[0].value;
  
     //document.forms[0].guige.value=obj.cells[3].getElementsByTagName("input")[0].value;
     handleSetSelectIndexAsValue("typeId",obj.cells[0].getElementsByTagName("input")[0].value);
submitButton(document.getElementById("typeId"));
handleSetSelectIndexAsValue("goods",obj.cells[1].getElementsByTagName("input")[1].value+"|"+obj.cells[1].getElementsByTagName("input")[2].value);
document.getElementById("okbutton").value="确定";
}
   
</script>
</head>
<body>
<!--------------以下Table为路径-------->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td height="30" class="place">
     <img src="<fmt:message key='CommonImagePath' />place_btn.gif"
      width="12" height="11">
     当前位置：北京市药监局 >> 辅助办公 >> 办公用品申请
    </td>
   </tr>
   <tr>
    <td height="10">
    </td>
   </tr>
</table>
<!--------------Table为路径结束-------->


<table width="95%" border="0" align="center" cellpadding="0"
   cellspacing="0" class="table1_border">
   <tr>
    <td class="table1_head_title">
     <img src="<fmt:message key='CommonImagePath' />table1_head_ico.gif"
      width="26" height="23" align="absmiddle">
     办公用品领用登记
    </td>
   </tr>
   <tr>
    <td class="table1_head_line">
    </td>
   </tr>

   <script>
   var count=0;
   </script>

 

   <tr>
    <td align="center">

     <html:form action="/exameOfficeSupplies">

      <html:hidden property="method" value="createPersonSuppliesDraw" />
      <html:hidden property="applyUserId" />
      <html:hidden property="applyUserName" />
      <html:hidden property="applyDeptId" />
      <html:hidden property="applyDeptName" />
      <html:hidden property="goodsName" />
      <html:hidden property="typeName" />
      <html:hidden property="unit" />
      <html:hidden property="priceIsAdmin" />


      <input type="hidden" name="unit" />

      <input type="hidden" name="atid" />
      <input type="hidden" name="tid" />
      <input type="hidden" name="selPeoType" />

      <table id="bgyptable" align="center" width="90%" border="0"
       align="center" cellpadding="0" cellspacing="1"
       class="table2_border">

       <tr>
        <td class="table2_td_title" width="15%">
         所属类别
        </td>
        <td class="table2_td_title" width="15%">
         名称
        </td>

        <td class="table2_td_title" width="15%">
         数量
        </td>

        <td class="table2_td_title" width="10%">
         是否提交
        </td>
       </tr>


       <tr>
        <td class="table2_td">
         <input id="opertype" name="opertype" type=hidden value="">
         <select id="typeId" name="typeId" tmpid="2"
          onchange="submitButton(this);">
          <option />
           <c:forEach items="${typeList}" var="OfficeSuppliesTypeModel">
            <option
             value="<c:out value="${OfficeSuppliesTypeModel.id}"/>"
             <c:if test="${OfficeSuppliesTypeModel.id==typeId}">
                selected
               </c:if> />
             <c:out value="${OfficeSuppliesTypeModel.sort}" />
            </option>

           </c:forEach>
         </select>
        </td>
       
        <td class="table2_td">

         <INPUT type="hidden" name="goodsId_2">
         <select id="goods" name="goods" onchange="goodChange(this);">
          <option />
           <c:forEach items="${goodsList}" var="OfficeSuppliesModel">
            <option
             value="<c:out value="${OfficeSuppliesModel.id}"/>|<c:out value="${OfficeSuppliesModel.unit}"/>"
             <c:if test="${OfficeSuppliesModel.id==officeSuppliesDrawForm.goods_id}">
              selected </c:if> />
             <c:out value="${OfficeSuppliesModel.name}" />
            </option>
           </c:forEach>
         </select>
        </td>


        <td class="table2_td">
         <input type=text name="applyCount" size="6" maxlength="20" />

        </td>


        <td class="table2_td">
         <input id="okbutton" type="button" value="增加到申请列表"
          onclick="javascript:addGoods()">
        </td>
       </tr>
      </table>


      <table align="center" width="90%" border="0" align="center"
       cellpadding="0" cellspacing="1" class="table2_border">

       <tr>
        <td align="center" class="table2_btn" colspan="6">
         <input type="image"
          src="<fmt:message key='CommonImagePath' />btnSubmit.gif"
          onclick="return startClick()">
         &nbsp;

         <input type="image"
          src="<fmt:message key='CommonImagePath' />btnBack.gif"
          onclick="return backClick()">


        </td>
       </tr>
      </table>
      <%@include file="../common/getDisplayParams1.jsp"%>
      <!-- 维护视图状态的隐藏域 -->
      <!-- 维护视图状态的隐藏域 -->
     </html:form>

    </td>
   </tr>
</table>

 

</body>

</html:html>



Mon$ter！ 2011-07-25 11:23 发表评论
]]>在javascript文件中使用jstl标签【2】JS实现区域打印，去页眉页脚http://www.blogjava.net/moster/archive/2011/07/25/354960.htmlMon$ter！Mon$ter！Mon, 25 Jul 2011 02:44:00 GMThttp://www.blogjava.net/moster/archive/2011/07/25/354960.htmlhttp://www.blogjava.net/moster/comments/354960.htmlhttp://www.blogjava.net/moster/archive/2011/07/25/354960.html#Feedback0http://www.blogjava.net/moster/comments/commentRss/354960.htmlhttp://www.blogjava.net/moster/services/trackbacks/354960.htmlhttp://hi.baidu.com/supersolon/blog/item/7a52c6562cebb9030df3e3e5.html

//此网页内容实现了用JS的方法进行区域打印，去除页眉页脚，添加控件进行预览等功能。

Title

<%@ page language="java" contentType="text/html;charset=gbk"
import="java.util.Date"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html>

<head>
<title>处理用车申请</title>
<fmt:setBundle basename="MyResource" scope="session" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="<fmt:message key='StylePath' />style.css" rel="stylesheet"
   type="text/css">
<script type="text/javascript"
   src="<fmt:message key='JavaScriptPath' />common.js"></script>
<script language="javascript"
   src="<fmt:message key='JavaScriptPath' />meizzDate.js"></script>
<script language="JavaScript"
   src="<fmt:message key='JavaScriptPath' />GetDate.js"></script>

<style type="text/css" media="print">
   .noPrint{display:none}
</style>

<script language="javascript">

var hkey_root,hkey_path,hkey_key;
    var hkey_root = "HKEY_CURRENT_USER";
var hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";

//设置网页打印的页眉页脚为空
function pagesetup_null()
{

    var RegWsh = new ActiveXObject("WScript.Shell");
    hkey_key="header";
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
    hkey_key="footer";
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
}
//设置网页打印的页眉页脚为默认值s
function pagesetup_default()
{
try{
    var RegWsh = new ActiveXObject("WScript.Shell")
    hkey_key="header"
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P")
    hkey_key="footer"
    RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d")
}catch(e){}
}
   
<!--此函数是为了解决全屏打印另外的一个打印函数-->
<!--printFunction()-->

function doPrint(oper) {
   if (oper < 10){
pagesetup_null();
bdhtml = window.document.body.innerHTML;//获取当前页的html代码
sprnstr = "<!--startprint"+oper+"-->";//设置打印开始区域
eprnstr = "<!--endprint"+oper+"-->";//设置打印结束区域
prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;

window.print();
pagesetup_default();
//window.document.all.wb.ExecWB(7,1);
//window.document.body.innerHTML=bdhtml;
} else{
pagesetup_null();
window.print();
pagesetup_default();
}

}

function preview(){
   var button=document.all.button
   button.style.display="none";
   var wb = document.all.wb;
       wb.ExecWB(7,1);
       button.style.display="block";
      
  
}

function dtPrint(){
if(window.print){
pagesetup_null();  
var print=document.all.print.innerHTML;
//var wb=document.all.wb;
//wb.ExecWB(7,1);
//var button=print.all.button;
// button.style.display="none";
document.body.innerHTML=print;  
window.print();
// document.all.button.display="block";
   pagesetup_default();
}
}



function issuanceClick()
{
   document.forms[0].method.value="submitMeetingRoomApp";
  
   validateMeetingRoomDisInfoShForm(document.forms[0]);
   document.forms[0].submit();
}
function backClick()
{
     document.forms[0].method.value="queryCarServiceInfo";
     return true;
}
function approveClick()
{
  
   document.forms[0].method.value="approveCarApp";
   return validatecarAppForm(document.forms[0]);
  
  
}
function returnClick()
{
   document.forms[0].method.value="returnCarApp";
   return validatecarAppForm(document.forms[0])
}
function saveClick()
{
  
   document.forms[0].method.value="saveCarAppOpinion";
   return validatecarAppForm(document.forms[0]);
  
  
}
</script>
</head>

 


<body>

<!--------------以下Table为路径-------->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td height="30" class="place">
     <img src="<fmt:message key='CommonImagePath' />place_btn.gif"
      width="12" height="11">
     当前位置：北京市药监局 >> 辅助办公 >> 后勤管理 >> 处理用车申请
    </td>
   </tr>
   <tr>
    <td height="10" class="info">
     <c:if test="${requestScope.sign != null}">
      <br>
     &nbsp;&nbsp;&nbsp;    提示信息：<c:out value="${requestScope.sign}" />

     </c:if>
    </td>
   </tr>
</table>
<!--------------Table为路径结束-------->


<table width="95%" border="0" align="center" cellpadding="0"
   cellspacing="0" class="table1_border">
   <tr>
    <td class="table1_head_title">
     <img src="<fmt:message key='CommonImagePath' />table1_head_ico.gif"
      width="26" height="23" align="absmiddle">
     处理用车申请
    </td>
   </tr>
   <tr>
    <td height="10">

    </td>
   </tr>
   <tr>
    <td align="center">
     <html:javascript formName="carAppForm" />
     <html:errors />
     <html:form action="/draftCarApp" method="POST">
      <html:hidden property="method" value="saveCarServiceInfo" />
      <html:hidden property="csId" />
      <html:hidden property="ciId" />
      <html:hidden property="licensePlateNum" />
      <html:hidden property="appPerson" />
      <html:hidden property="nonceState" />
      <html:hidden property="masterSign" />
      <html:hidden property="useCarRequire" />
      <html:hidden property="masterSign" />
      <html:hidden property="piId" />
      <html:hidden property="useCarDate_web" />

      <br />

      <!--startprint1-->
      <div id=print>
       <OBJECT id="wb" height='0' width='0'
        classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" name="wb"></OBJECT>

       <table align="center" width="90%" border="0" align="center"
        cellpadding="0" cellspacing="1" class="table2_border">
        <tr>
         <td width="30%" class="table2_td_title">
          申请人：
         </td>
         <td class="table2_td">
          <html:hidden property="appPerId" />
          <html:hidden property="appPerson" />
          <c:out value="${carAppForm.appPerson}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          申请人所在部门：
         </td>
         <td class="table2_td">
          <html:hidden property="useCarDeptId" />
          <html:hidden property="useCarDept" />
          <c:out value="${carAppForm.useCarDept}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          用车原因：
         </td>
         <td class="table2_td">
          <html:hidden property="useCarCause" />
          <c:out value="${carAppForm.useCarCause}" />
         </td>
        </tr>

        <tr>
         <td width="30%" class="table2_td_title">
          用车要求：
         </td>
         <td class="table2_td">
          <html:hidden property="useCarRequire" />
          <c:forEach items="${worktypeList}" var="ParameterModel">
           <c:if
            test="${carAppForm.useCarRequire == ParameterModel.parameterID}">
            <c:out value="${ParameterModel.parameterValue}" />
           </c:if>
          </c:forEach>
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          人数：
         </td>
         <td class="table2_td">
          <html:hidden property="perAmount" />
          <!-- <img width="16" height="16" name="tan1" border="0" src="<fmt:message key='CommonImagePath' />tan.gif" onClick="getTime('leaveDate',1);" alt="">-->
          <c:out value="${carAppForm.perAmount}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          出发地点：
         </td>
         <td class="table2_td">
          <html:hidden property="leavePlace" />
          <!-- <img width="16" height="16" name="tan1" border="0" src="<fmt:message key='CommonImagePath' />tan.gif" onClick="getTime('leaveDate',1);" alt="">-->
          <c:out value="${carAppForm.leavePlace}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          到达地点：
         </td>
         <td class="table2_td">
          <html:hidden property="destination" />
          <!-- <img width="16" height="16" name="tan1" border="0" src="<fmt:message key='CommonImagePath' />tan.gif" onClick="getTime('leaveDate',1);" alt="">-->
          <c:out value="${carAppForm.destination}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          出车时间：
         </td>
         <td class="table2_td">
          <html:hidden property="leaveDate" />
          <!-- <img width="16" height="16" name="tan1" border="0" src="<fmt:message key='CommonImagePath' />tan.gif" onClick="getTime('leaveDate',1);" alt="">-->
          <c:out value="${carAppForm.leaveDate}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          收车时间：
         </td>
         <td class="table2_td">
          <html:hidden property="arriveDate" />
          <!-- <img width="16" height="16" name="tan1" border="0" src="<fmt:message key='CommonImagePath' />tan.gif" onClick="getTime('arriveDate',1);" alt="">-->
          <c:out value="${carAppForm.arriveDate}" />
         </td>
        </tr>

        <tr>
         <td class="table2_td_title">
          备&nbsp;&nbsp;&nbsp;&nbsp;注：
         </td>
         <td class="table2_td">
          <html:hidden property="remark" />
          <c:out value="${carAppForm.remark}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          车牌号：
         </td>
         <td class="table2_td">
          <html:hidden property="licensePlateNum" />
          <c:out value="${carAppForm.licensePlateNum}" />
         </td>
        </tr>
        <tr>
         <td width="30%" class="table2_td_title">
          司机姓名：
         </td>
         <td class="table2_td">
          <html:hidden property="motormanId" />
          <html:hidden property="motormanName" />
          <c:out value="${carAppForm.motormanName}" />
         </td>
        </tr>

        <!--endprint1-->
        <tr class="">
         <td align="center" colspan="2" class="table2_btn">
          <a href="#"><img alt="单击此按钮 打印页面" border=0
            name="imageField33"
            src="<fmt:message key='CommonImagePath' />btnPrint.gif"
            border="0" onclick="doPrint(1)" class="buttonImg"> </a>
          &nbsp;
          <input type="image" alt="单击此按钮 返回到列表页面"
           src="<fmt:message key='CommonImagePath' />btnBack.gif"
           onclick="return backClick()">


         </td>
        </tr>
       
       </table>
      </div>
     
      <table width="90%" border="0" align="center" cellpadding="0"
       cellspacing="0" class="table3_border">
       <tr>
        <td class="table3_title">
         意见列表
        </td>
       </tr>
      </table>

      <table width="90%" border="0" align="center" cellpadding="0"
       cellspacing="0" class="table3_border">
       <tr>
        <td>

         <display:table name="opinionList" class="dpTable"
          style="width:100%" id="displayTable">

          <display:column property="stepName" title="步骤"
           style="width:20%;text-align:center" />
          <display:column property="name" title="处理人"
           style="width:20%;text-align:center" />
          <display:column title="处理时间"
           style="width:20%;text-align:center">
           <fmt:formatDate value="${displayTable.writeDate}"
            pattern="yyyy-MM-dd HH:mm" />
          </display:column>
          <display:column property="opinion" title="意见"
           style="width:40%;text-align:center" />

         </display:table>
         <!-- 用Diaplay Tag来显示 -->
        </td>
       </tr>
      </table>
      <!-- 维护视图状态的隐藏域 -->
      <%@include file="../common/getDisplayParams1.jsp"%>
      <c:if test="${!empty param.nonceState_q}">
       <input type="hidden" name="nonceState_q"
        value="<c:out value="${param.nonceState_q}"/>">
      </c:if>
      <c:if test="${!empty param.useCarStartDate}">
       <input type="hidden" name="useCarStartDate"
        value="<c:out value="${param.useCarStartDate}"/>">
      </c:if>
      <c:if test="${!empty param.useCarEndDate}">
       <input type="hidden" name="useCarEndDate"
        value="<c:out value="${param.useCarEndDate}"/>">
      </c:if>
      <c:if test="${!empty param.useCarCause_q}">
       <input type="hidden" name="useCarCause_q"
        value="<c:out value="${param.useCarCause_q}"/>">
      </c:if>
      <!-- 维护视图状态的隐藏域 -->

     </html:form>

    </td>
   </tr>
</table>

 

</body>

</html:html>



Mon$ter！ 2011-07-25 10:44 发表评论
]]>