Table Usage

Table Usage

示例可以参考这具体步骤如下：

1. 使用v-table标签

<v-table ajax_url="/xmodel/list"></v-table>

2. 提供表格需要的数据与模型 ，接口对应的地址为ajax_url所配置的地址， 具体实现点这

    @GetMapping("/xmodel/list")
    @ResponseBody
    UIModel query_table_data(XModelQuery xModelQuery) throws Exception {
        TableBuilder builder = TableBuilder.newBuilder(XModel.class)
            .data(page(xModelQuery))
            .isPage(true)
            //.addColunm(new FormItem("d" , "count"))
            .totalSize(count()).hiddenColumn("myIcon") ;
        return  UIModel.success().tableData(builder.build());
    }

table组件提供的接口说明 ,以下使用table表示你页面的实例

属性说明
ref：给表格取个名称，可以通过 this.$refs.(tableName) 或者 this.$root.$ref.(tableName)获取到表格实例， 根据this作用域不一样进行是否需要加$root ajax_url: 表格数据与模型接口地址 ， 可以js动态设置 table.ajax_url = 'your url' , 一般设置后可以配合table.refresh()进行刷新