FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

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

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

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

查看: 222|回复: 2

FineUI DropdownGrid

[复制链接]
发表于 2020-6-29 10:18:24 | 显示全部楼层 |阅读模式
本帖最后由 棕榈 于 2020-6-29 10:17 编辑

FineUI DropdownGrid




DropdownGrid 是采用 FineUI 中的 TwinTriggerBox、Menu、Grid 这三个控件组合创建的,你可以下拉选择,也可以通过输入框中的内容进行过滤,同时在输入的过程中也可以通过上下方向键进行选择,回车确认选择,数据都是从服务器端实时获取的。整体操作上并没有什么可讲的,大家可以下载后自己体验。


这里给出的只是一个示例,如果想用到项目中,你需要自己封装一下




上面是页面的代码,红色方框中的代码是为了使 Grid 在 Menu 中显示,如果你采用 JS 创建 Grid ,可以使用 renderTo ,这样代码会简洁一些




上面的是 PageModel 代码,过滤数据后返回给客户端


由于场景不同,所以使用方式也会不一样,你可以根据自己的场景修改代码。




项目文件请到知识星球下载
















本帖子中包含更多资源

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

x
发表于 2020-6-29 15:43:57 | 显示全部楼层
这个功能兼职无敌啊。
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|FineUI 官方论坛 ( 皖ICP备13005369号-1 )

GMT+8, 2020-7-12 14:13 , Processed in 0.103306 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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