阅读(308)
赞(0)
Angular EasyUI 表格下拉框
2020-06-24 15:45:23 更新
表格下拉框（ ComboGridComponent ）把可编辑的文本框和下拉数据网络面板结合起来。 表格下拉框（ ComboGridComponent ）提供了选择某个项目的键盘导航支持。
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| value | any | 字段值。 | null |
| data | any[ ] | 要加载的数据。 | [ ] |
| valueField | string | 绑定到此组件的底层数据值名称。 | id |
| textField | string | 绑定到此组件的基础数据字段名。 | text |
| editable | boolean | 定义用户是否可以直接在字段中键入文本。 | false |
注：
- 继承： ComboBaseComponent 。
- 选择器： eui-combogrid 。
使用方法
<eui-combogrid placeholder="Select a row"
valueField="itemid"
textField="name"
[(ngModel)]="value"
[data]="data"
[panelStyle]="{width:'500px'}">
<eui-datagrid>
<eui-grid-column field="itemid" title="Item ID"></eui-grid-column>
<eui-grid-column field="name" title="Name"></eui-grid-column>
<eui-grid-column field="listprice" title="List Price" align="right"></eui-grid-column>
<eui-grid-column field="unitcost" title="Unit Cost" align="right"></eui-grid-column>
<eui-grid-column field="attr" title="Attribute" width="30%"></eui-grid-column>
<eui-grid-column field="status" title="Status" align="center"></eui-grid-column>
</eui-datagrid>
</eui-combogrid>