下拉网格

![](/media/202404/2024-04-30_103549_857176.png)

------------
下拉网格

------------
代码示例如下
```html
<template>
    <div>
        <el-input v-model="model.b"/>
        <hi-select-grid 
        :dataSource="deptStore"
        :model="deptStore.curRecord"
        v-model="deptStore.curRecord.fnumber" 
        v-bind="option" style="width:500px">
      </hi-select-grid>
    </div>
</template>

},
    created() {
        this.deptStore = this.$dsContainer.createDataSet(this.deptCfg);
        var data = require("./data.js");
        // this.option.lookup.sourceDatas = data.default;
    }
};
</script>
```

</div>

### Attributes

| 参数    | 说明         | 类型     | 可选值                   | 默认值 |
|-------|------------|--------|-----------------------|-----|
| name  | 字段名        | string |                       |     |
| label | 字段描述       | string |                       |     |
| size  | 用于控制该按钮的尺寸 | string | medium / small / mini |     |

### lookup Attributes

| 参数           | 说明                            | 类型                                 | 可选值 | 默认值  |
|--------------|-------------------------------|------------------------------------|-----|------|
| active       | 激活数据                          | boolean                            |     | true |
| label        | 显示值（来源字段）                     | String                             |     |      |
| modelFile    | 来源数据集                         | String                             |     |      |
| sourceDatas  | 来源数据(当前有值，modelFile无效)        | array                              |     |      |
| param        | 数据过滤参数                        | object/param                       |     |      |
| filtername   | 下拉联想查询字段                      | String                             |     | like |
| filternames  | 下拉联想查询字段组，（当前有值，filtername失效） | { name:"FPINYIN", operate:"like" } |     |      |
| tableprops   | 网格配置                          | object                             |     |      |
| returnFields | 目标返回字段                        | object                             |     |      |
| columns      | 网格列配置                         | Array                              |     |      |

### filternames

| 参数      | 说明   | 类型     | 可选值 | 默认值 |
|---------|------|--------|-----|-----|
| name    | 字段名  | string |     |     |
| operate | 过滤类型 | string |     |     |

### columns

| 参数    | 说明   | 类型     | 可选值 | 默认值 |
|-------|------|--------|-----|-----|
| name  | 字段名  | string |     |     |
| label | 字段描述 | string |     |     |
| width | 字段宽度 | string |     |     |

### tableprops Attributes

| 参数            | 说明                               | 类型            | 可选值 | 默认值   |
|---------------|----------------------------------|---------------|-----|-------|
| hideRowBorder | 是否掩藏横向边框                         | boolean       |     | false |
| max-height    | Table 的最大高度。合法的值为数字或者单位为 px 的高度。 | string/number |     | 300   |

</style>