Angular EasyUI 表格下拉框

表格下拉框（ 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>