fastadmin从默认的列表页js里面按钮url传参到控制器里面的使用方法

最新推荐文章于 2025-10-22 10:09:46 发布

原创最新推荐文章于 2025-10-22 10:09:46 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #mysql #php #phpstorm

fastadmin 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在按钮点击跳转时向URL传递额外字段参数的方法，并解决了通过$this->request->isAjax()无法获取参数的问题。文章还介绍了如何利用$this->assignconfig()将参数传送到JS文件并在控制器中捕获这些参数。

如果想在按钮跳转的URL传其他字段参数，可以使用{字段名}传参

之后发现一个问题，在进行$this->request->isAjax()判断时总是获取不到对应的参数值

如何在对应的控制器获取这些参数

需要先把参数传递到对应的js文件，在url里面拼接上对应的参数，可以使用$this->assignconfig()传参到js文件中，使用Config.变量名称获取参数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

子时已到

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

fastadmin传递参数给html和js,通过身份判断动态显示列表头部住店和离店按钮

hanzhuhuaa的博客

01-02

1004

首先将管理员或者酒店人员的身份传递给html和js做按钮显示权限。可以通过传递变量判断操作栏按钮。在此处下面添加按钮时事件。

fastadmin:主页面的数据不显示，可能存在的问题

weixin_46001736的博客

02-27

1527

fastadmin:主页面的数据不显示，可能存在的问题

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

【thinkphp5】控制器相关操作

等待，就是浪费青春，让代码改变世界

05-31

1572

一、判断当前浏览器请求方式用thinkphp3版本开发习惯了，感觉一些方法用着还是比较顺手的，比如在使用Ajax进行前后端数据交互时，判断请求类型是否是ajax的，在请求edit方法时，是get类型的添加数据呢，还是post类型的插入数据或者更新数据呢？但是这几个查用的方法在thinkphp版本升级后被阉割了，咋办呢？后来在分析开源电商--【tpshop】时，发现了一种解决办法--既然thinkp...

fastadmin列表某个字段显示加跳转弹窗列表

最新发布

luhaiping1993的博客

10-22

382

在统计列表中，“提现成功金额”或“提现失败金额”字段可以点击，点击后弹出一个新窗口（layer 弹窗）或跳转到一个明细列表页面，展示该商家的对应提现记录。2️⃣ 前端 JS（public/assets/js/backend/merchant/withdrawstat.js）✅ 方式①：点击金额 → 打开 layer 弹窗，展示对应商家提现明细（推荐）✅ 方式①（弹窗）非常好推荐，FastAdmin 原生支持。✅ 方式②：点击金额 → 新窗口打开（跳转方式）下面我分两种实现方式讲给你（推荐方式①）。

fastadmin从一个列表页的字段url方式跳转到另一个列表页 并且url带参数，如何做到参数传递并且达到框架自带的搜索和分页功能

wozhenshiluchi的博客

11-09

5833

这个问题困扰了一天，参数传递到控制器，总是接收不到url传递过来的参数，后来发现，是在进行判断is_ajax的时候，做了return view()操作，这样就导致了页面上只有了默认的参数，这时候，需要在renurn view()的时候，把你第一次进来页面时$_GET接收的参数渲染到模板的隐藏域里，然后，在js里接收 js里： 控制器中： ...

fastadmin 绑定TAB事件，自定义传参

Light

04-27

3403

记录：fastadmin 列表页，自定义tab按钮，自定义传参 html代码示例： <div class="panel-heading"> {:build_heading(null,FALSE)} <ul class="nav nav-tabs" data-field="status"> <li class="{:$Think.get.status === null ? 'active' : ''}">&lt

fastadmin表格操作

weixin_43515418的博客

02-18

7309

fastadmin表格操作fastadmin表格操作表格按钮操作表格操作按钮的添加与调试表格编辑按钮传递id操作 fastadmin表格操作表格按钮操作此时url为:http://localhost/admin/store/store/coupon/ids/2?ref=addtabs 控制其显示的代码位置在对应路由的html页面,即view/store/store/coupon.html这里...

fastadmin 各种开发技巧，问题总合集，持续跟新中....

xxpxxpoo8的专栏

07-09

1994

也可以单独获取某个字段 js 需改后的代码需要带花括号下面简单介绍一下几个配置的含义 name:唯一标识,其中index/add/edit/del/multi/dragsort这几个框架已经暂用,如果使用将会覆盖已有属性 text:按钮上的文本，可以为空时，为空时按钮将不显示文字信息，为空时最好配置上icon的值 title:按钮的标题信息，当鼠标移到上面时显示的文字，同时作为dialog弹出窗时的标题信息 icon:按钮上的按钮信息，可使用Font-awesome的按钮，当text为空时请务必填

fastadmin:在新增页面，打开弹窗单选，参数回传

weixin_46001736的博客

02-27

8090

fastadmin:在新增页面，打开弹窗单选，参数回传

Python 全栈系列60 - datatables的基本使用

yukai08008的博客

12-24

1098

说明 datatables是基于jquery做的，作为前端表格交互的工具还是比较好用的。在导入了jquery之后，在h5页面中导入一个css和一个js就准备完成了。接着使用jquery做一些初始化就可以用了。这个例子来自官网，可以点开试试。另外官网的例子还是比较全的，链接在这里特点： 1 减少了和后端交互的次数。后端一次性把数据给到前端，然后筛选、排序等操作都是前端完成的。建议是当数据不超过1万行可以直接传输，多了的话还是通过后端进行分页。（datatables也支持server side的，只是两

JavaWeb入门级整体思维导图--包括期末考试复习方向

沐硕

06-28

1338

JavaWeb基础入门学习，JSP Model2架构模型通过采用JSP、Servlet和JavaBean技术，实现了MVC设计模式。· JSP作为视图层，负责页面数据的显示和用户交互。·Servlet作为控制层，负责接收用户请求，调用业务逻辑并控制数据流向。·

fastadmin中调用js的方法

10-17

主要介绍了fastadmin中调用js的方法，在文中给大家补充介绍了Fastadmin里面的js运行原理,需要的朋友可以参考下

FastAdmin传递参数

iloveallcode的博客

03-06

415

fastadmin中从后端传参数到对应的js

Turbo

04-09

2691

fastadmin从后端传参数的流程是先传送到html，再由html传送到js 后端 $this->view->assign('house_id',$house_id); 前端html页面 <script> var house_id = "{$house_id}"; </script> 前端html对应的js文件 console.log(house_id) ...

fastadmin 注入任意url的js文件

mayuzhoumayuzhou的博客

03-03

580

function zhuruJs(url) { let temp=document.createElement('script'); temp.setAttribute('type','text/javascript'); temp.src=url; document.head.appendChild(temp); } zhuruJs(location.origin+'/assets/js/ceshi.js')

fastadmin 按钮详情页传参数

weixin_44944193的博客

01-19

2184

代码: { name: 'detail', title: __('商品信息'), classname: 'btn btn-xs btn-primary btn-dialog', icon: 'fa fa-list', url: 'order/item/index' + '?order_id={id}', callback: function (data) { // Layer.alert("接收到回传数据：" + JSON.stringif

FastAdmin 前端页面传参

weixin_34187862的博客

09-11

4233

如果我们需要自己在控制器中透传数据到JS中去，则可以使用控制器的assignconfig方法来透传，使用如下 $this->assignconfig('demo', ['name'=>'名称']);然后我们就可以在JS中使用 Config.demo.name来获取对应的数据那么你的问题也就可以先在控制器中使用assignconfig来渲染，如 $this->assign...

fastAdmin 后台控制器传变量到对应js

xiakaiphp的博客

11-13

2895

html页面 <script> var shop: {$变量}; </script> 对应JS页面 console.log(shop); // shop 即是变量信息

【FastAdmin开发记录】弹窗传递参数

悟道参禅

05-11

1406

Fastadmin将下拉选择选中的参数传递给弹窗

fastadmin 在当前JS控制器引用其它JS控制器的方法

04-28

<think>好的，我需要帮助用户解决在FastAdmin中如何从当前JS控制器调用其他JS控制器的方法的问题。首先，我应该回顾用户提供的引用内容，看看是否有相关的信息。根据引用[2]，提到控制器的方法对应JS模块中的方法，比如Article.php的index方法对应JS的article模块的Controller.index。这说明FastAdmin中前后端控制器有对应的关系，但用户现在的问题是关于JS控制器之间的调用，而不是前端与后端的交互。接下来，我需要考虑FastAdmin的前端架构。FastAdmin基于Bootstrap和jQuery，可能使用了类似模块化的JS结构。通常在前端框架中，调用其他控制器的方法可能有几种方式：直接引用、事件触发、公共方法提取或使用框架提供的API。用户需要具体的示例，所以我应该提供一个清晰的代码示例。例如，假设有两个JS控制器，User和Order，如何在User控制器中调用Order控制器的方法。可能的步骤包括：使用require引入目标控制器，然后调用其方法。需要确保模块路径正确，并且方法已定义。另外，可能需要处理作用域问题，确保在正确的上下文中调用方法。例如，使用Controller.api来访问其他控制器的API方法。或者通过触发自定义事件，让目标控制器监听并执行相应的方法。还要注意FastAdmin的命名规范，如控制器文件名和方法名的对应关系，确保调用时路径和方法名正确。同时，异步加载的问题，可能需要使用回调函数或Promise来处理模块的加载顺序。最后，总结步骤，给出示例代码，并说明注意事项，比如路径正确性、作用域管理和模块加载顺序。确保用户能够根据示例进行实际操作，并避免常见错误。</think>在 FastAdmin 框架中，通过 JavaScript 控制器调用其他 JS 控制器的方法，需要遵循模块化调用规范。以下是具体实现方法和示例： ### 一、调用原理 FastAdmin 的前端采用 RequireJS 实现模块化加载，JS 控制器之间通过模块路径引用实现交互。核心要点包括： 1. 使用 `require([模块路径])` 动态加载目标控制器 2. 通过 `Controller.api` 访问控制器公共方法 3. 注意作用域绑定（建议使用 `bind(this)`） ### 二、典型调用场景示例 #### 场景1：直接调用其他控制器方法 ```javascript // 当前控制器：addon/controller/user define(['jquery', 'bootstrap'], function ($) { var Controller = { index: function () { // 调用 article 控制器的 list 方法 require(['addon/controller/article'], function (ArticleController) { ArticleController.Controller.list.apply(this, [参数1, 参数2]); }); } }; return Controller; }); ``` #### 场景2：通过事件触发跨控制器调用 ```javascript // 订单控制器（order.js）定义方法 Controller = { refresh: function(params) { console.log('接收到参数：', params); Table.api.reload(); } } // 用户控制器（user.js）触发调用 $(document).on('click', '#refreshBtn', function () { require(['addon/controller/order'], function (OrderController) { // 调用订单控制器的刷新方法并传参 OrderController.Controller.refresh({user_id: 10}); }); }); ``` #### 场景3：公共方法提取（推荐方案） 1. 创建公共模块 `common.js`： ```javascript define(function () { return { sharedMethod: function (param) { return param * 2; } }; }); ``` 2. 在多个控制器中调用： ```javascript // user.js 控制器 require(['addon/controller/common'], function (Common) { let result = Common.sharedMethod(5); // 返回10 }); // article.js 控制器 require(['addon/controller/common'], function (Common) { let result = Common.sharedMethod(10); // 返回20 }); ``` ### 三、注意事项 1. **路径规范**：模块路径遵循 `addon/控制器目录/控制器文件名` 格式（无.js后缀） 2. **作用域绑定**：建议使用 `apply()` 或 `call()` 保持上下文一致性 3. **异步加载**：推荐使用 `require([], callback)` 确保模块加载完成 4. **方法可见性**：只有通过 `Controller.api` 暴露的方法才能被跨模块调用[^2]