页面动态控制下拉日历单元格是否可写

客户在页面中填报时如果涉及到的单元格较多,有可能会一不小心输出错误,这样就要求页面上是否能增加一个按钮控制页面单元格是否可写,当页面刚开始展现或者数据已经录入后将单元格设置为不可写,这样在页面上检查数据是否正确时就不必在担心是否有误操作发生,当发现数据不对需要修改时再将单元格设置为可写对其进行修改,这样就避免了误操作对数据的影响。

润乾报表在页面以纯html形式展现,所以可以通过页面端的一些属性对其进行动态控制。

一:页面端增加控制是否可写按钮,此处可通过润乾填报表中的单选按钮来控制,如图:

页面端展现:

要求只有当选择”是”时,页面中的单元格可填写,当选择”否”时页面中的单元格不可写。

二:增加js控制

页面端增加js函数,当选择”是”或”否”时调用该js,从而达到对单元格的控制,如上述所说单选框写在A2单元格中,则调用js函数checkkexie(A2),jsp中增加该函数:

function checkkexie(a) {

var cellH10=document.getElementById(“report1_H10″);

if(a==0){

//不可写,注意,一般单元格控制不可写可写成,cellH10.writable=false;但是当单元格为下拉日历时发现此设置无效,主要是下拉日历是控件形式,所以有问题,要改成

cellH10.onclick = _hideEditor;

这样就能控制下拉日历单元格不可写。

}

If(a==1){

//控制单元格可写,同上,如果使用常规形式:cellH10.writable=true;同样是有问题,如果是下拉日历单元格,要用下述方式:

cellH10.onclick = function anonymous() {//设置下拉日历单元格可写方法

_hideEditor();

_runqianCalendar.dateFormat=’yyyy-MM-dd’; //设置下拉日历取值类型

_runqianCalendar.type= ‘date’; //请注意此处的写法

_showCalendar();

_setRowColBackColor(this) };

这样就可以控制单元格可写,并且是下拉日历形式

}

}

热门文章