华表（cell）的使用总结

系统管理员 2021-01-20 06:35 657阅读 0赞

公司的业务涉及的表格比较多所以使用了华表，安装了华表插件。之前并没有用过所以一开始是一脸懵逼，百度上的资料也很少，几乎都没什么用，插件上带有的说明也是其他语言，根本看不懂。踩了不少坑，为了防止自己以后忘记了，也为了方便小伙伴们使用所以记录一下：

使用cell表需要引入的js,css

kitui.min.js
    ReportWebUtil.js
    RpWebEngineBudget.js

cell表：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTczNjQw_size_16_color_FFFFFF_t_70][]

cell卡片：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTczNjQw_size_16_color_FFFFFF_t_70 1][]

1、cell表的创建：如果iscard传true;则显示卡片，默认显示表格

Tools.initReportInfo = function(obj){
        menuid = obj.menuid;
        reportId = obj.reportId;
        id = obj.id;
        _isCard=obj.iscard;
        var currRpEngineObj = {};
        $.ajax({
            url:****,
            type:'GET',
            async:false,
            success:function(data){
                if(data){
                    rpAll=data.data;
                    currRpEngineObj    =  CreateRpWebEngine(rpAll,id,_isCard,0);
                };
            },
            error:function(err){
                console.log(err)
            }
        })
        return currRpEngineObj;//返回创建的cell对象，这个很重要，以后操作cell表都会用到
    };

2、cell表的操作方法

2.1 cell表赋值，使用cell新增赋值时需声明：

var tempData = new HashMap(); //渲染数据用

//result为请求返回的对象，result.data.data是一个数组对象\[\{\},\{\},\{\}...\]

tempData.entry = result.data.data;
    initReportInfo.SetData(tempData.entry);//给cell表格设置值
    initReportInfo.SetModify(false);//设置cell表不可编辑

2.2 获取选中行的cell数据

var selRowData = initReportInfo.GetFocusData();

selRowData.entry是行数据对象。

3、cell卡片的操作方法

3.1 cell卡片赋值：

tempData.entry = cellData;//cellData是一个对象 {}
    initReportInfo.SetCardData(tempData);//给cell卡片赋值
    initReportInfo.SetModify(false);//设置卡片不可编辑

3.2 cell卡片取值：

initReportInfo.GetCardData().entry;//是一个对象{}

3.3 用cell卡片新增一个数据，比如单位编码是新增时必须要传的，用如下方法写入cell报表

tempData.put("agency_code", window.parent.agency_code);//设置默认单位编码
    tempData.put("agency_name", window.parent.agency_name);//设置默认单位名称
    tempData.put("xh", manIndex);//后台自动生成的序号赋值，manIndex是变量
    tempData.put("id", 0);//新增默认id为0
    tempData.put("bill_id", 0);//同上
    initReportInfo.SetCardData(tempData);//给cell卡片赋值

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTczNjQw_size_16_color_FFFFFF_t_70]: /images/1611124513318.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTczNjQw_size_16_color_FFFFFF_t_70 1]: /images/1611124499062.png