技术汇总
一、修改单元格的控件居中
二、修改移动端网页的控件背景图
三、单元格编辑后直接变换颜色
四、修改移动端网页的控件背景图
五、多选按钮，全选、传参、批量操作
1修改单元格的控件居中
setTimeout(function() {
$(".fr-texteditor").css({
'border-radius': '6px'
});
$(".fr-trigger-editor").css({
'border-radius': '6px'
});
$(".fr-trigger-editor").css({
'border-radius': '6px'
});
$(".fr-trigger-btn-up").css({
'background': 'white'
});
$('.fr-trigger-center').css({
'background': 'url(/webroot/pictures/fq/zt.png)no-repeat',
'background-size': '60% 100%'
});
$(".fr-trigger-text.fr-border-box").css({
'border-right': '0'
});
$(".ui-state-enabled.fr-form-btn-group.fr-group-box").css({
'line-height': '27px',
'text-align': 'center'
});
}, 100)
2 mysql 语句拆分参数格式 | 修改移动端网页的控件背景图
A in ('${replace(A,",","','")}')
3单元格编辑后直接变换颜色
var value = this.getValue();
//获取当前控件值
var ro = FR.cellStr2ColumnRow(this.options.location).row;
var co = FR.cellStr2ColumnRow(this.options.location).col;
//获取当前行号
var widget = _g().getWidgetByCell(FR.columnRow2CellStr({
col: co,
row: ro
}));
var c = FR.columnRow2CellStr({
col: co,
row: ro
})
//alert(c)
var d = "td"
if (value <= "1") {
$(d).css({'background-color': 'red'})
} else if (value <= "2") {
$(d).css({'background-color': 'blue'})
} else if (value <= "3") {
$(d).css({'background-color': 'pink'})
}
//alert(widget);
编辑单元格后变色.zip (4 K)
-----------------------------------------------------------------------------------------------------------
修改移动端网页的控件背景图
var widget=this;
var value = this.getValue();
//获取当前控件值
var c = widget.widgetData.location;
var d = FR.cellStr2ColumnRow(c);
console.log("col_"+ d.col+"_row_"+d.row);
var f = "col_"+ d.col+"_row_"+d.row;
var a = document.getElementById(f);
if(value){
a.style.background = "no-repeat center/100% url(/webroot/help/picture/bc/online.png)";
} else {
a.style.background = "no-repeat center/100% url(/webroot/help/picture/bc/on.png)";
}
//FR.Msg.alert(c);
js实现分组显示银行卡号
var str = '20191202113759';
var str=str.replace(/\s/g,'').replace(/(.{4})/g,"$1 ");
console.log(str); //2019 1202 1137 59
判断单元格的数据是否重复 变色 焦点 清空
// 获取当前控件
var t = this;
// 获取当前控件所在的行列号
var ro = FR.cellStr2ColumnRow(t.options.location).row;
var co = FR.cellStr2ColumnRow(t.options.location).col;
// 根据行列号获取单元格编号
var cell = FR.columnRow2CellStr({ col: co, row: ro });
//单元格对象
var cellobj = _g().curLGP.getTDCell(co, ro);
// 把单元格编号编制成 jQuery 语句定义元素
var d = "td";
setTimeout(function () {
// 当前控件值
var value = t.getValue();
// 记录出现次数
var count = 0;
// 获取所有控件的值加入数组
var arr = .map(function (cellRef) {
return _g().getCellValue(cellRef, null);
});
// 遍历当前值在数组中出现的次数
for (var i = 0; i < arr.length; i++) {
if (arr === value && arr !== "") {
count++;
}
}
// 根据出现次数改变背景颜色
if (count > 1) {
//修改背景色
$(d).css({ 'background-color': 'red' });
//定位控件焦点
_g().curLGP.selectTDCell(cellobj);
_g().curLGP.editTDCell(cellobj);
//需要同时清空控件与单元格的值
_g().getWidgetByCell(cell).setValue("");
//清空A1单元格控件值
_g().curLGP.setCellValue(cell, "");
//清空A1单元格值
//有确认的会影响焦点 FR.Msg.alert("警告","重复值");
FR.Msg.toast("数据重复,请重新填写");
} else {
$(d).css({ 'background-color': ''});
}
}, 300);
五、多选按钮，全选、传参、批量操作
单元格直接写HTML代码 单元设置为HTML显示
主： 全选/取消 代码
''
列：选择框代码，使用html显示单元格数据。选择把数据查询的字段拉入单元格，编辑 高级 自定义值设置中引用。 $$$ 当前主键内容。
''
------------------------------------------------------------------------------------------------------------------------
批量发送数据到另一个模板中
var p=;
//获取当前页面选中的参数值，并将值放入数组中
$(":checkbox").each(function(){
if($(this).attr("checked")=="checked")
p.push($(this).val());
})
//模板路径（/商品_禁用.cpt 是你的模板位置全路径）
var url = encodeURI(encodeURI("/webroot/decision/view/report?viewlet=/商品_禁用.cpt&op=write"));
FR.doHyperlinkByPost({
//报表路径
"url":url,
//参数
"para":{
"__pi__":true, //是否显示参数面板
"id":p //把当前的选中框值传参
},
"target":"_dialog", //对话框方式打开
"feature":{
"width":300,
"height":300,
"isCenter":true, //是否居中显示
//"title":"标题"
}
})
------------------------------------------------------------------------------------------------------------------------
接收模板需要接收id 这个参数
id扩展，通过填报功能来批量修改这个ID的数据。
