查询页面我们知道可以通过使用queryApi.setEditStyle()接口来实现编辑风格的配置,具体配置如下:
1.新增json文件或者在原来dimData.json中增加自己需要的编辑风格设置
注意:
1)下拉树、下拉列表的格式要符合产品的配置方式和格式
2)json的编码和报表以及其他地方的编码一定要注意保持一致性
2.在query.jsp中dimDataOnServer的值,加载自己需要的编辑风格json文件
3.query.jsp中增加如下代码:
$(document).ready(function(){
queryApi.setEditStyle("客户","客户","客户11");
});
那分析页面应该如何实现字段的编辑风格设置呢?
解决方案:
分析界面有两个地方可以设置,一个是设置报表的;
也可以直接设置数据集的,那样数据集再新建报表字段的编辑风格也能传下去
具体配置如下:
前两步和查询页面一致,第三步接口需要改下,在analyse.jsp中增加如下代码:
var setFunction = function(){
if (aly.getRpx("报表名称") != null) {
analyseApi.setEditStyle4DataSet("dqlQuery","客户","客户11");
analyseApi.setEditStyle4Report("报表名称","客户","客户11");
} else setTimeout(setFunction, 1000);
}
setTimeout(setFunction, 1000);
接口方法说明:
analyseApi.setEditStyle4DataSet("数据集名称","字段名称","编辑风格名称");//这里对应复杂条件部分的字段编辑风格
analyseApi.setEditStyle4Report("报表名称","字段名称","编辑风格名称");//这里对应下面报表字段的编辑风格
PS:
内置的一些日期风格名称如下:
_date
_datetime
_time
_yearmonth
_month
_day
_year
_calendar
_txt
例如设置dqlQuery数据集的客户字段的编辑风格为下拉日历的日期值返回,那么可以设置为:
analyseApi.setEditStyle4DataSet("dqlQuery","客户","_date");
内置的一些日期风格名称如下:
_date
_datetime
_time
_yearmonth
_month
_day
_year
_calendar
_txt
例如设置dqlQuery数据集的客户字段的编辑风格为下拉日历的日期值返回,那么可以设置为:
analyseApi.setEditStyle4DataSet("dqlQuery","客户","_date");
如果需要修改日期的显示格式,可以通过对应接口实现,例如:
queryApi.setEditStyleDef({name:'_date',type:3,dateFormat:'yy-mm-dd'});//日期格式修改
queryApi.setEditStyleDef({name:'_time',type:3,timeFormat:'hh:mm:ss'});//时间格式修改
def格式说明如下:{name:'名称',type:1文本编辑框/3日期编辑空间,dateFormat:'yy-mm-dd',timeFormat:'hh:mm:ss'}
分析页面配置和查询页面一致,只是把queryApi改为analyseApi即可
如果需要显示年月日时分秒的显示效果,那么可以用_nyrsfm风格
queryApi.setEditStyleDef({name:'_date',type:3,dateFormat:'yy-mm-dd'});//日期格式修改
queryApi.setEditStyleDef({name:'_time',type:3,timeFormat:'hh:mm:ss'});//时间格式修改
def格式说明如下:{name:'名称',type:1文本编辑框/3日期编辑空间,dateFormat:'yy-mm-dd',timeFormat:'hh:mm:ss'}
分析页面配置和查询页面一致,只是把queryApi改为analyseApi即可
如果需要显示年月日时分秒的显示效果,那么可以用_nyrsfm风格