快逸报表工具

客户在使用填报表进行数据填报时，需要对其中一些单元格进行可写控制以满足其业务需求。而快逸报表提供了多种编辑风格，是否每种类型均可以采用相同方式进行可写控制呢？本文进行了汇总。

详情

制作一个包含各类编辑风格的报表

在D2的自动计算中调用控制函数

Writable()实体：

function writalbe(cell){

var val = document.getElementById(“report1_B2″).value;

var A4 = document.getElementById(“report1_A4″);

var B4 = document.getElementById(“report1_B4″);

var C4 = document.getElementById(“report1_C4″);

var D4 = document.getElementById(“report1_D4″);

var E4 = document.getElementById(“report1_E4″);

var F4 = document.getElementById(“report1_F4″);

var G4 = document.getElementById(“report1_G4″);

if(val==1){//可写

A4.writable=true;//编辑框

B4.writable=true;//下拉列表框

C4.getElementsByTagName(“input”)[0].disabled=false;//单选按钮

C4.getElementsByTagName(“input”)[1].disabled=false;

D4.writable=true;//下拉数据集

E4.getElementsByTagName(“input”)[0].disabled=false;//复选框

F4.onclick=anonymous;//下拉日历

G4.onclick=tree;//下拉树

}else{//不可写

A4.writable=false;

B4.writable=false;

C4.getElementsByTagName(“input”)[0].disabled=true;

C4.getElementsByTagName(“input”)[1].disabled=true;

D4.writable=false;

E4.getElementsByTagName(“input”)[0].disabled=true;

F4.onclick=_hideEditor;

G4.onclick=_hideEditor;

}

return “”;

}

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

_hideEditor();

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

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

_showCalendar();

_setRowColBackColor(this)

}

function tree(){//设置下拉树单元格可写方法

_hideEditor();

tree_show( this, ‘tree_report147′ );

_setRowColBackColor(this);

}

总结

对于编辑框、下拉列表框、下拉数据集均采用td的writable属性进行控制，true可写，false不可写；

单选按钮和复选框要控制td内的input可写属性，使用disabled进行控制，false可写，true不可写；

下拉日历和下拉树要使用快逸实现的相应函数进行控制，如本例中的anonymous()和tree()。

若报表中嵌入其他编辑风格，使用者通过页面源文件查看分析便可得出相应控制方式。