Angular EasyUI 表格下拉框

2020-06-24 17:28 更新

表格下拉框( 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>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号