fastadmin点击字段值，在当前页面搜索所有该字段值的信息

最新推荐文章于 2024-11-08 17:59:34 发布

原创最新推荐文章于 2024-11-08 17:59:34 发布 · 674 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #java

工具专栏收录该内容

30 篇文章

订阅专栏

本文介绍了如何在JavaScript中为用户表单添加搜索功能，具体操作是针对字段'user.userName'使用LIKE运算符，并应用Formatter进行搜索条件的格式化。

在js中

原

{field: 'user.userName', title: __('User.username'), operate: 'LIKE'},

添加search

{field: 'user.userName', title: __('User.username'), operate: 'LIKE',formatter:Table.api.formatter.search},

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bilichen006

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Fastadmin后台增加图标字段的选择功能

知码客

06-12

1396

最近在开发一个新的项目车辆救援小程序用Fastadmin开发的，用户要实现菜单自定义图标展示，其实很简单，因为后台都有现成的但是也有不会的所以就趁此机会写一篇使用方法，一是为了增强记忆，二是能帮助初次接触的开发者何乐而不为。然后还要增加一个图标搜索的模板文件这个文件随便放一般放在和使用该功能的同级目录在文件下创建例如。至此我们已经完成了相关的设定了，多多学习多多实践会很容易上手的。文件对应的方法实现点击搜索图标展示出来所有的图标。我们需要在文件中引入一下，代码如下。文件中增加如下的代码。

fastadmin采坑之获取当前登录admin用户的信息

很阔爱的博客

07-30

3693

然后在函数中写下面的model类获取数据的方法，xhhy_danwei_name就是我在fa_admin表中添加的新字段。我在fa_admin表中添加了新的字段，这个方法获取不到新字段的数值，具体也没有去研究估计跟方法有关。然后我直接用模型去获取数据，简单的就是模型或者直接就db类去搜索id。在controller层里想要获取当前登录admin用户的信息。

参与评论您还未登录，请先登录后发表或查看评论

FastAdmin数据列表根据某个字段的值动态显示与隐藏按钮

相逢不晚的博客

07-04

6917

一、需求在后台管理中，我们有时会遇到根据数据表中某个字段的值来判断显示某个可操作的按钮。比如一张用户表中，存在一个status字段，在列表显示时，如果该字段的值等于1，显示拉黑按钮，等于2则显示恢复按钮。二、代码实现在FastAdmin快速开发框架中，列表数据由相应的JavaScript文件渲染而成，假如控制器为User.php，则此控制对应的JS文件位置在public/assets/js/backend/user/user.js。在操作一栏添加两个按钮，分别为拉黑和恢复，使用visible函数判

【FastAdmin专题二】使用双表格联动实现字典管理之自定义行字段样式，添加点击事件

@Banana的博客

05-29

1942

人生有涯，学海无涯，学无止境，精益求精。---------- Banana.Banuit Gang(香柚帮) 【FastAdmin专题一】使用双表格联动实现字典管理之修改表格原始样式本小节主要讲一下自定义行字段显示样式，修改原始button样式，添加点击事件。 category_table.bootstrapTable({ url: $.fn.bootstrapTable.defaults.extend.index_url, pk: 'id', sortName: 'd

Fastadmin使用IN关联展示及搜索方法

He195501的博客

06-14

1308

fastadmin展示in对应的名称

fastadmin 取消状态点击搜索

lingyu_csdn的博客

07-03

703

fastadmin 取消状态点击搜索

fastadmin 点击获取当前行数据

weixin_40597855的博客

06-28

1579

fastadmin 点击获取当前行数据

点击列表某个字段的链接，在当前页弹出一个窗口显示详细信息

07-13

描述的是一个常见的Web交互设计，用户在浏览列表数据时，通过点击某条记录中的特定字段（如ID或名称），页面会在不离开当前上下文的情况下，弹出一个窗口来展示该字段的详细信息。这种方式可以提供更好的用户体验，...

fastadmin绑定edit.html,Fastadmin后台开发总结(1)

weixin_39687667的博客

06-27

674

1、文件目录：功能模块指后台管理中的功能模块，比如我们的系统配置、附件管理、分类管理。后台开发的每一个功能模块都是基于MVC的设计模式进行开发。在FastAdmin中，我们提供了一键生成CRUD的功能，这个一键生成CRUD生成的文件也就是我们标准的MVC文件。以下是一个标准的功能模块所涉及到的文件├── application│ └── admin│ ├── controller...

Fastadmin点击搜索赋值给下拉列表

hzhairuntao的博客

02-29

605

输入核销码，点击搜索。触发单击事件，通过ajax请求方法，传递核销码，后台通过核销码查找到相关信息，再返回赋值。给add.html的js里面，给搜索按钮绑定单击事件。输入核销码，点击搜索，下拉列表展现出订单的所有项目。

fastadmin 快捷搜索修改默认字段多个字段 //菜单搜索框，默认搜索是id，想改成默认订单号

论文数据分析辅导,；论文人工智能辅导 huazhongxiaosx

10-16

1471

fastadmin 快捷搜索修改默认字段多个字段 //菜单搜索框，默认搜索是id，想改成默认订单号 protected $searchFields = 'buyer,sellerId,orderId';

fastadmin获取table 列表所有的数据

jim的博客

05-21

3161

如题，有个需求，是需要获取当前table页面的所有的id，之前使用这个 var ids = Table.api.selectedids(table); 但是你可以发现，这个是获取当前列表中所有选中的数据，而我是要获取所有的数据，并不能实现我的需求。然后我找了一下。 $('.btn-make-paid-account').on('click',function (){ var rows = table.bootstrapTable('getData');

fastadmin 列表搜索字段

weixin_40208675的博客

04-21

1046

fastadmin

Fastadmin 列表自定义字段查询处理

fangwenkai的博客

09-01

3014

在项目开发过程中经常遇到列表中要展示一个数据库表中不存在且是自定义的字段进行展示，还要多该字段进行模糊查询操作；以下是该解决方案。此方案仅针对使用fastadmin框架来开发的项目。

fastadmin 点击列表按钮跳转页面带参数并搜索对应的数据

weixin_46043704的博客

12-18

8502

需求：点击对账按钮跳转页面并根据id搜索对应的数据效果图：这是跳转过来搜索的结果实现代码：第一步：点击按钮带参跳转页面第二步：在跳转页对应的js文件实现以下代码 queryParams:function(params){ var filter=JSON.parse(params.filter); var op = JSON.parse(params.op); var id=Fast.api.query('id'); if (id){

FastAdmin列表实现自定义搜索及传值

最新发布

05-12

<think>好的，我现在需要解决用户的问题：在FastAdmin中为fieldlist字段绑定失去焦点事件。首先，我得回忆一下FastAdmin的fieldlist组件是如何工作的。Fieldlist通常用于动态添加多个输入项，每个项可能有多个字段。用户想要在某个字段失去焦点时触发事件，比如验证输入或自动填充其他字段。首先，我需要确认fieldlist的结构。通常，每个动态添加的项会被包裹在一个特定的容器中，可能带有类名如.form-group或.fieldlist-item。每个输入字段可能有特定的name属性，比如name="row[0][fieldname]"，其中0是索引。接下来，绑定事件。因为fieldlist是动态添加的，所以直接用普通的jQuery事件绑定可能无效，因为新添加的元素不会自动绑定。这时候应该使用事件委托，将事件绑定到父容器，并指定目标选择器。例如，使用$(document).on('blur', '[name^="row["][name$="[fieldname]"]', function() { ... });。这样即使动态添加的元素也会触发事件。然后，测试代码是否正确。可能需要检查选择器是否准确匹配所有动态生成的字段。比如，name属性以row[开头，以[fieldname]结尾的部分可能需要正确的正则表达式或属性选择器。另外，考虑FastAdmin的初始化时机。是否需要在页面加载完成后执行这段代码，或者放在require的回调中？因为FastAdmin可能依赖jQuery和其他库，需要确保DOM完全加载后再绑定事件。还有可能的问题，比如事件触发多次，可能是因为重复绑定。需要确保事件只绑定一次，或者在每次添加新项时正确绑定。不过使用事件委托的话，通常只需要绑定一次到父容器即可。最后，给出示例代码，说明如何实现。可能需要用户根据实际字段名称调整选择器，比如将fieldname替换为实际的字段名。同时提醒用户注意控制台是否有错误，以及事件是否被正确触发。总结步骤：使用jQuery的事件委托，绑定blur事件到动态生成的输入字段，确保选择器正确，并测试功能是否正常。</think>在FastAdmin中为fieldlist字段绑定失去焦点事件，可以通过以下步骤实现： ### 解决方案 1. **动态元素事件绑定** ```javascript // 在表单初始化完成后添加事件监听 $(document).on('blur', '[data-role="fieldlist"] input', function(e) { const $target = $(e.target); console.log('当前失去焦点的字段值：', $target.val()); // 获取所在fieldlist容器 const $fieldlist = $target.closest('[data-role="fieldlist"]'); // 获取当前行索引（需根据实际DOM结构调整） const index = $target.closest('.fieldlist-item').index(); // 业务逻辑处理（示例：自动填充其他字段） $fieldlist.find(`.fieldlist-item:eq(${index}) [name$="[related_field]"]`).val('自动填充值'); }); ``` 2. **精确字段定位（推荐方式）** ```javascript $(document).on('blur', '[name^="row["][name$="[your_field]"]', function() { // 通过正则匹配字段名 const match = this.name.match(/row\[(\d+)\]\[(\w+)\]/); if (match) { console.log(`第${match[1]}行的${match[2]}字段值变更：`, this.value); } }); ``` ### 实现要点说明 1. **事件委托机制**：由于fieldlist是动态生成的，需通过`$(document).on()`进行事件委托绑定[^1] 2. **选择器优化**： - `[data-role="fieldlist"]`：定位fieldlist容器 - `[name^="row["]`：匹配所有以row[开头的字段 - `[name$="[field]"]`：精确匹配特定字段 3. **索引获取技巧**：通过`.closest().index()`获取当前行序号 4. **联动操作**：示例中演示了跨字段自动填充的典型场景 ### 调试建议 1. 在事件回调中添加`console.log`验证触发情况 2. 使用Chrome开发者工具的Elements面板检查动态生成的DOM结构 3. 注意FastAdmin的窗体渲染时机，建议将代码放在： ```javascript $(function(){ // 初始化代码 }); ```