# 一、表格视图列表组件

## [图片附件未整合: ../../_assets/818860842659373057/001-5fa67412f9.png]

  
参数

| 参数 | 类型 | 说明 | 是否必填 |
| --- | --- | --- | --- |
| pageId | string | 表格视图id | 是 |
| comParams | object | 外部参数，内部会获取url参数和该参数合集传入 eg：{treeNodeId：""} | 否 |
| searchId | string | 常用筛选的id(适用场景为门户菜单是由高级搜索保存常用生成的菜单，高级搜索须作为默认值) | 否 |
| appId | string | 应用id | 是 |

### 1、表格视图PC --  TableViewList

```typescriptreact
  <CorsComponent
     app="@weapp/ebdfpage"
     compName="TableViewList"
     pageId=""//必填  表格视图id
     comParams={{}} //非必填，外部参数，内部会获取url参数和该参数合集传入 eg：{treeNodeId：""}
     searchId=""//非必填 ，常用筛选的id(适用场景为门户菜单是由高级搜索保存常用生成的菜单，高级搜索须作为默认值)
     appId="123412341234" // 必填，appId
 />
```

### 2、表格视图PC 弹框模式 --  TableViewDialog

```typescriptreact
属性：
 {
  pageId: string;
  comParams?: AnyObj;
  searchId?: string;
  appId: string;
  dialogProps?: DialogProps;//完全继承ui组件的dialog属性，内部自行控制visible、onClose
}

调用：
  <CorsComponent
     app="@weapp/ebdfpage"
     compName="TableViewDialog"
     pageId=""//必填  表格视图id
     comParams={{}} //非必填，外部参数，内部会获取url参数和该参数合集传入 eg：{treeNodeId：""}
     searchId=""//非必填 ，常用筛选的id(适用场景为门户菜单是由高级搜索保存常用生成的菜单，高级搜索须作为默认值)
     appId="123412341234" // 必填，appId
     dialogProps={{
       visible:false,
        onClose:()=>{}
     }}
 />
```

eg:

[图片附件未整合: ../../_assets/818860842659373057/002-8e78f9d312.png]

### 3、表格视图H5 -- MTableViewList

```typescriptreact
  <CorsComponent
     app="@weapp/ebdfpage"
     compName="MTableViewList"
     pageId=""//必填  表格视图id
     comParams={{}} //非必填，外部参数，内部会获取url参数和该参数合集传入 eg：{treeNodeId：""}
     searchId=""//非必填 ，常用筛选的id(适用场景为门户菜单是由高级搜索保存常用生成的菜单，高级搜索须作为默认值)
     appId="123412341234" // 必填，appId
/>
```

# 二、数据列表组件

[图片附件未整合: ../../_assets/818860842659373057/003-fed678279e.png]

### 1、数据列表 - pc

```typescriptreact
  <CorsComponent
     app="@weapp/ebdfpage"
     compName="ViewPortPage"
     pageId=""//必填  数据列表id
     comParams={{}} //非必填，外部参数，内部会获取url参数和该参数合集传入 eg：{treeNodeId：""}
     appId="123412341234" // 必填，appId

     /**  默认不传此参数，特殊情况下需要 **/
      pageViewProps={{}}
 />

/****pageViewProps 说明***/
 pageViewProps?: {
    /**渲染RoutePageView组件的父节点 */
    routeWrapDom?: Element;
    /**组件化调用无须设置title**/
    noSetTitle: true 
  };
```

### 2、数据列表 - pc - 弹框

```
//暂不支持，可以自行处理弹框内嵌页面
```

### 3、数据列表 - h5

```typescriptreact
  <CorsComponent
     app="@weapp/ebdfpage"
     compName="MViewPortPage"
     pageId=""//必填  数据列表id
     comParams={{}} //非必填，外部参数，内部会获取url参数和该参数合集传入 eg：{treeNodeId：""}
     appId="123412341234" // 必填，appId
 />
```

## 三、其他说明

1、如遇到表格视图点击事件无响应的问题，可能是你为单页纯组件使用，没有引入e-builder模块的底层。

可以尝试引入RoutePageView组件解决

```
<CorsComponent
          app="@weapp/ebdpage"
          compName="RoutePageView"
          type="EB_FORM_VIEW"
        />
```
