FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 3175|回复: 0
打印 上一主题 下一主题

FineUI Grid CRUD 新玩法 之 弹窗

[复制链接]
跳转到指定楼层
楼主
发表于 2020-5-31 11:13:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 棕榈 于 2021-2-19 11:55 编辑

FineUI Grid CRUD 新玩法 之 弹窗





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

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

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

下面是市页面代码

Model代码



PageModel代码




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

Model代码




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

PageModel 代码




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

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


下面是 WindowAttribute 的代码




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














本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-22 19:13 , Processed in 0.044293 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表