如何在fastadmin中不依赖于tab写一个选项卡.

简介: 如何在fastadmin中不依赖于tab写一个选项卡.

这几天做了一fastadmin的一个练习,其中有个功能非常好,也是一个坑点为了避免大家踩本人的这个坑,就给大家分享一下.

想要做个跟这个上面一样的一个选项卡的效果,一开始认为就是一个选项卡,但是研究好大一会在他这个fastadmin选项卡上只能对单一的一个字段状态切换,没办法只能去分析到他这插件管理的这个页面的文件,到最后最喜剧性的是给发生了。

正常人都是认为这个方法他就是个选项卡对吧,到最后用注释法查到了这个他是个input传参的。

在这里得提醒给小伙伴了.想要完成这个功能非常简单.

首先在你的js文件这个里把你需要查询的字段给开开. operate: ‘LIKE’开启,false关闭;

因为fastadmin自带了他自己的一个搜索框的一个样式不许要我们自己去编写;

这里是需要自己区写一个样式;

给这个标签绑一个这个点击事件

这里的table可以不用这样写,可以换成submit提交事件.

获取这select框的话是需要你自己去打开你的控制台找到你的input框或则select框的class和name的名称。整体到这里就结束了,这个坑点高了小编一天脖子都痒了.

这个方法也可以作用于前段,不用进行一个数据的传值交互,只需要绑定一个input框在给这个input传值就可以实现这个功能

相关文章
|
6月前
|
JavaScript 前端开发 搜索推荐
不想要网页默认的右键菜单栏,怎么封装一个可以自定义的右键菜单组件?
不想要网页默认的右键菜单栏,怎么封装一个可以自定义的右键菜单组件?
113 0
|
前端开发 JavaScript 数据库
layui联动菜单搜索select表单选项的设置方法
layui联动菜单搜索select表单选项的设置方法
585 0
|
1月前
|
JavaScript
avaScript如何实现 选项卡功能
avaScript如何实现 选项卡功能
19 1
|
6月前
|
存储 算法 API
LabVIEW创建自定义书签管理器
LabVIEW创建自定义书签管理器
35 0
|
前端开发 JavaScript API
使用.LayUI实现动态选项卡Tab的强大功能
使用.LayUI实现动态选项卡Tab的强大功能
106 0
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
170 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
JavaScript
fastadmin 自定义 按钮 动态切换数据 TAB切换
fastadmin 自定义 按钮 动态切换数据 TAB切换
280 0
|
JavaScript
tab选项卡切换时echarts无法正常加载显示问题的解决方案
tab选项卡切换时echarts无法正常加载显示问题的解决方案
593 0
|
XML Java 程序员
WPF使用AvalonEdit实现代码高亮显示、搜索、替换功能
很多工程软件拥有自己定义的脚本语言,作为程序员用惯了具有高亮显示和智能提示功能的编辑器,所以针对特定的脚本自己开发一个编辑器。主要采用WPF、C#语言以及AvalonEdit控件。
WPF使用AvalonEdit实现代码高亮显示、搜索、替换功能
|
算法 容器
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)