下载Vue版EasyUI 1.2

EasyUI框架帮助您轻松构建web页面。

更新日志

错误

Layout: 已修复对话框组件中丢失的填充值。
GridColumn: 已修复，“编辑”插槽只能显示第一个组件。
SideMenu:已修复，无法动态分配“数据”。

改进

Layout:“拆分布局”面板可用。
Tree：添加“ClickToEdit”和“DblClickToEdit”属性。
Tree：添加可编辑的验证规则。
Form：添加“messages”属性。
Form：添加浮动标签功能.
GridBase：添加“tipoptions”属性和“editValidate”事件。
GridBase：添加“ColumnResizing”属性。
NumberBox：将“precision”设置为-1可忽略精度。
Tabs：“工具”插槽现在可用。
LayoutPanel：添加“expander”属性和“resizestop”事件。

新增插件

FormField:包含标签和输入框的窗体字段。

安装

1. Use the NPM to install.

2. 引入 EasyUI 文件。

将EasyUI js文件文件导入到您的main。

3. 将组件导入“App.vue”。

<template>
    <div>
        <DataGrid :data="data" style="height:250px">
            <GridColumn field="itemid" title="Item ID"></GridColumn>
            <GridColumn field="name" title="Name"></GridColumn>
            <GridColumn field="listprice" title="List Price" align="right"></GridColumn>
            <GridColumn field="unitcost" title="Unit Cost" align="right"></GridColumn>
            <GridColumn field="attr" title="Attribute" width="30%"></GridColumn>
            <GridColumn field="status" title="Status" align="center"></GridColumn>
        </DataGrid>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                data: [
                    {"code":"FI-SW-01","name":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr":"Large","itemid":"EST-1"},
                    {"code":"K9-DL-01","name":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr":"Spotted Adult Female","itemid":"EST-10"},
                    {"code":"RP-SN-01","name":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr":"Venomless","itemid":"EST-11"},
                    {"code":"RP-SN-01","name":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr":"Rattleless","itemid":"EST-12"},
                    {"code":"RP-LI-02","name":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr":"Green Adult","itemid":"EST-13"},
                    {"code":"FL-DSH-01","name":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr":"Tailless","itemid":"EST-14"},
                    {"code":"FL-DSH-01","name":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr":"With tail","itemid":"EST-15"},
                    {"code":"FL-DLH-02","name":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr":"Adult Female","itemid":"EST-16"},
                    {"code":"FL-DLH-02","name":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr":"Adult Male","itemid":"EST-17"},
                    {"code":"AV-CB-01","name":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr":"Adult Male","itemid":"EST-18"}
                ]
            }
        }
    }
</script>

证书

免费版

免费软件版本可以在下面找到自由软件许可证, 您可以在任何免费授权的项目中使用它。

商业版本

商业版也可以在下面找到商业许可证, 您可以在商业项目中使用它.

购买