需求說明:
查詢頁面我們知道可以通過使用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");
如果需要修改日期的顯示格式,可以通過對應接口實作,例如:
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風格