FineUI 官方论坛

标题: FineUI Grid CRUD 新玩法之弹窗 [打印本页]

作者: 棕榈 时间: 2020-5-31 11:13
标题: FineUI Grid CRUD 新玩法之弹窗
本帖最后由棕榈于 2021-2-19 11:55 编辑

FineUI Grid CRUD 新玩法之弹窗

[attach]12451[/attach]

在上一篇 FineUI Grid CRUD 新玩法，CRUD 也可以如此简单文章中，只是一个整体概述，在以后的时间，我会介绍一些具体的使用方法，今天介绍的是弹窗

下拉选择在表格编辑中是一个常用操作，但如果下拉列表数据过多，或需要更多信息的，下拉列表就无法满足需求了，FineUI 企业版中提供了更多方式的选择，而非企业版用户，弹窗选择是一种通用做法，弹窗不仅可以选择数据，同时也可以查看相关信息或一些自定义操作等

我以上一篇中的省市县级联选择为基础来进行演示，我们这里将市的选择改为弹窗的方式，在弹出窗口中的市也是与当前行的省相关联的，在之前的基础上我们要再添加一个市的页面，用于选择。

下面是市页面代码

Model代码

[attach]12452[/attach]

PageModel代码

[attach]12453[/attach]

下面我来看一下地址管理页面的代码

Model代码

[attach]12454[/attach]

为了区分这里将 Model 的名称改为了 Address2 ，同时将之前的 DropdownListAttribute 替换为 WindowAttribute

PageModel 代码

[attach]12455[/attach]

由于选择操作放到了市页面中，之前的市数据源代码就不需要了

下拉选择与弹窗选择，代码基本差不多，只是多了一个页面，同时关于市的数据源放到新的页面中，不管理哪一种方式，都没有写JS代码。

下面是 WindowAttribute 的代码

[attach]12456[/attach]

关于弹窗还有更多的玩法，可以通过自定义的 CallBackFunction 实现更多功能

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)