Hamlet-Web

Appearance

FAQ ​

使用 TableRender 请求后列表无数据 ​

第一步，确认分页接口请求响应数据格式是否下面的格式

json
{
    "code": 200,
    "data": {
        "list": [],
        "total": 0
    }
}
{
    "code": 200,
    "data": {
        "list": [],
        "total": 0
    }
}

如果不是，需后端同步，或前端使用 formatData 处理。

js
import { defineTRConfig } from '@hamlet/render'

const config = defineTRConfig({
    formatData(res) {
        return {
            list: [],
            total: res.x,
        }
    },
})
import { defineTRConfig } from '@hamlet/render'

const config = defineTRConfig({
    formatData(res) {
        return {
            list: [],
            total: res.x,
        }
    },
})

TableRender 分页请求字段不想用 pageNo，pageSize 传值怎么办？ ​

可在每个组件配置项中使用 pageNoKey 和 pageSizeKey 自定义，配置字段后会覆盖默认值 pageNo 和 pageSize。

js
import { defineTRConfig } from '@hamlet/render'

const config = defineTRConfig({
    pageNoKey: 'page',
    pageSizeKey: 'size',
})
import { defineTRConfig } from '@hamlet/render'

const config = defineTRConfig({
    pageNoKey: 'page',
    pageSizeKey: 'size',
})

TableRender 查询条件如何设置默认值？ ​

通过 TableRender Exposes 的 setSearchFieldValue 设置查询条件值。

vue
<h-table-render ref="tableRef"></h-table-render>

<script setup>
import { ref } from 'vue'

const tableRef = ref()

tableRef.value.setSearchFieldValue('name', '张三')
</script>
<h-table-render ref="tableRef"></h-table-render>

<script setup>
import { ref } from 'vue'

const tableRef = ref()

tableRef.value.setSearchFieldValue('name', '张三')
</script>

TableRender 有数据，但是 TableRender 不显示？ ​

第一种：通过设置 h-table-render 外部容器的高度

第二种: 关闭 fit,自动撑开设为:false

js
import { defineTRConfig } from '@hamlet/render'

const config = defineTRConfig({
    fit: false,
})
import { defineTRConfig } from '@hamlet/render'

const config = defineTRConfig({
    fit: false,
})