InputSelect
查询选择,树形选择,人员选择。
属性
- 属性说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
editable | boolean | 否 | false | 可选可编辑 |
readonly | boolean | 否 | fasle | 只读 |
disabled | boolean | 否 | false | 是否禁用 |
textarea | boolean | 否 | false | 是否是文本域 |
display | boolean | 否 | false | 是否使用展示字段 |
icon | string | 否 | fal fa-list-ul | 图标 |
使用方法
代码示例:
// 在script标签中按需引入 import { InputSelect } from '@jecloud/ui'; import { reactive } from 'vue'; export default { components: { GridSelect: InputSelect.Grid, TreeSelect: InputSelect.Tree, UserSelect: InputSelect.User, }, setup() { const formState = reactive({ tree: "", user: "", grid: "" }); return { formState }; }, }; // 在vue的template标签中 <FormItem label="树形选择(多选)" name="tree"> // 树形选择 <TreeSelect editable v-model:value="formState.tree2" config-info="JE_COMM_SSQX,tree,text,M" /> </FormItem> // 人员选择 <FormItem label="人员选择大(单选)" name="user"> <UserSelect textarea style="height: 100px" v-model:value="formState.user" config-info=",user,text,S" /> </FormItem> <FormItem label="查询选择(多选)" name="grid"> <GridSelect v-model:value="formState.grid" config-info="JE_CORE_FUNCINFO,grid,FUNCINFO_FUNCCODE,M" /> </FormItem>
事件脚本示例:
const { InputSelect, Form } = JE.useUi(); const { h, ref } = JE.useVue(); const inputSelectValue = ref(''); const node = h(InputSelect.Grid, { value: inputSelectValue.value, configInfo: 'JE_CORE_FUNCINFO,inputSelectValue,FUNCINFO_FUNCCODE,S', }); return h(Form.Item, { label: '查询选择', name: 'inputSelectValue' }, node);
最后编辑: 秦永莲 文档更新时间: 2024-07-26 14:15 作者:秦永莲