Filter Control

JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)

北慕城南 提交于 2020-04-20 14:17:09
前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的。有园友在评论中提到了父子表的用法,今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级点的用法。 bootstrap table系列: JS组件系列——表格组件神器:bootstrap table JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序) JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利) 一、效果展示 今天稍微改变下方式,先来看看实现效果,后面再介绍代码实现及注意事项。来,效果图来一发: 1、父子表效果图 2、行调序 调序前 拖动行调序到第一行 3、列调序 调序前 拖动列标题调序 调序后 二、父子表代码详解 上章我们介绍Bootstrap table基础用法的时候介绍过,初始化表格的时候有一个属性“detailView”,将它设置为true,在每行的前面即可看到一个“+”形状的图标。点击这个图标即触发加载子表格的事件。大概的原理就是如此,来看看代码,其实也很简单。 1、初始化表格,注册行展开事件         $("#tb_powerset" ).bootstrapTable({ url: '/api/MenuApi

Winforms平台界面开发技巧,如何快速掌握Filter Editor(一)

a 夏天 提交于 2020-03-13 13:45:59
下载DevExpress v19.2完整版 DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅、美观且易于使用的应用程序。想要体验? 点击下载>> DevExpress WinForms安装附带两个允许最终用户构建过滤器查询的控件:提供GUI的Filter控件和将Filter控件与基于文本输入的面板组合在一起的Filter Editor控件。WinForms中,大多数数据感知控件都使用这些组件,但是您也可以将其包含在自己的表单中,并根据需要将其绑定到数据感知控件中。 为了说明这一点,下面是带有Filter Editor的数据网格,用户可以单击过滤器面板中的Edit Filter按钮来调出Filter Editor,并且由于属性DefaultFilterEditorView设置为TextAndVisual,因此可以看到Filter Editor Control的文本面板。 在下图中,您可以看到两个控件中可用的一些标准功能,包括“小于或等于”,“大于或等于”,“今天”,“昨天”以及许多其他功能。Filter控件和Filter Editor控件均提供多种功能供您选择,可用功能集因要为其构建表达式的数据字段的类型而异。 自定义函数 在某些情况下,标准函数集还不够。技术团队在处理大量技术支持问题发现,查找是最常见需要的自定义函数