Jigsaw Usage FAQ

目录

• table
• i18n
• 处理静态文件
• 其他

FAQ

Table

table的filter功能

TableData只有LocalPagableTabelData和PagableTableData有filter功能

table分页数据请求url的处理

this.pageable = new PageableTableData(http, {
            url: 'mock-data/countries', body: {aa: 11, bb: 22}, method: 'post'
        });

PageableTableData处理如下： post请求

body:{
    paging:"{"currentPage":1,"pageSize":20,"totalPage":1,"totalRecord":0}"
    peerParam:"{"aa":11,"bb":22}"
    service:"mock-data/countries"  // url的信息会被放到这里
}
url:"/rdk/service/app/common/paging" // 真正的url会被替换成rdk的

get请求会被放在params下的map里面，格式和post的body里是一样的。

additionalData的说明

在分页中，additionalData只是当前页的数据，不包含所有页

使用additionalData时报错

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: '[object Object]'.

请在初始化的时候new AdditionalTableData()，相关issue

additionalColumnDefines的说明

additionalColumnDefines不支持在中间插入列，只支持在两端插入

i18n

国际化组件初始属性instant方法无法生效

词条尽量放在模块的构造函数里，而不是组件的构造函数里，这样可以解决属性初始化和词条设置的顺序问题

相关issue

国际化设置词条时setTranslation时，后面的会覆盖前面的

shouldMerge属性一定要设置成true，不然会覆盖前面的，例如

translateService.setTranslation('zh', {
    // 你的词条放在这里
    desc: '这是一个用于演示在Jigsaw如何使用国际化的完整例子。',
}, true); // <-- 这里一定要为true！！！

国际化切换

TranslateHelper.changeLanguage(this.translateService, lang);

模板里的国际化切换，管道里会自动执行，ts中的切换需要手动调instant执行，可以监听TranslateHelper.languageChangEvent的TranslateHelper.languageChangEvent事件，执行切换

TranslateHelper.languageChangEvent.subscribe(langInfo => {
    translateService.use(langInfo.curLang);
    this.prop = this.translateService.instant('xxx');
});

也可通过属性的getter来实时获取国际化的值

get prop: string{
   return this.translateService.instant('xxx');
}

处理静态文件

在.angular-cli.json里面，配置静态文件/文件夹，注意路径是相对于root的

"root": "src",
"outDir": "dist",
"assets": [
    "assets",
    "jigsaw/assets",
    "favicon.ico"
],

在代码中http请求时，url写如下

this.http.get('assets/map/json/china.json')

其他

提供商的层级关系

https://angular.cn/guide/ngmodule-faq#q-root-component-or-module

变更检查错误

加异步

官网demo地址

http://rdk.zte.com.cn/jigsaw-dev http://rdk.zte.com.cn/jigsaw-antd/