首页 > 其他分享 >FastAdmin 前端页面传参

FastAdmin 前端页面传参

时间:2024-12-11 09:35:09浏览次数:4  
标签:传参 index goods request field FastAdmin id 页面

如果我们需要自己在控制器中透传数据到JS中去,则可以使用控制器的assignconfig方法来透传,使用如下

$this->assignconfig('demo', ['name'=>'名称']);
然后我们就可以在JS中使用

Config.demo.name
来获取对应的数据
那么你的问题也就可以先在控制器中使用assignconfig来渲染,如

$this->assignconfig("ids", $this->request->param("ids"));
然后我们在JS中使用

index_url: 'setvip/index/ids/' + Config.ids
即可

//初始化表格处添加按钮
{
    field: 'operate',
    title: __('Operate'),
    table: table,
    //自定义按钮开始
    buttons :[
        {name: 'detail',
            text: '表单',
            title: '表单字段管理',
            icon: 'fa fa-list',
            extend:'data-area=["80%","80%"]',
            classname: 'btn btn-xs btn-primary btn-dialog',
            url: 'field/index?goods_id={id}',
        }
    ],
    //自定义按钮结束
    events: Table.api.events.operate,
    formatter: Table.api.formatter.operate
}
 
 
//字段管理列表(弹出页面)处理按钮的传参
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'field/index' + location.search,
                    //新增开始
                    add_url: 'field/add?goods_id='+Fast.api.query('goods_id'),
                    //新增结束
//字段列表方法内接受按钮传参并筛选
            //获取分谱id
            $wheres['fa_field.product_goods_id'] =  array('=',$this->request->get('goods_id'));
            $list = $this->model
                    ->with(['goods'])
                    ->where($where)
                    ->where($wheres)
                    ->order($sort, $order)
                    ->paginate($limit);
 
 
//添加字段方法接收传参并渲染到页面
    /**
     * 添加
     *
     * @return string
     * @throws \think\Exception
     */
    public function add()
    {
        if (false === $this->request->isPost()) {
            //增加代码
            $goods_id = $this->request->get('goods_id');
            $this->view->assign("goods_id", $goods_id);
            //增加结束
            return $this->view->fetch();
        }
        $params = $this->request->post('row/a');

 

标签:传参,index,goods,request,field,FastAdmin,id,页面
From: https://www.cnblogs.com/zhangzhijian/p/18598598

相关文章

  • 微信H5页面如何更新缓存?
    微信H5页面缓存问题一直比较头疼,因为微信内置浏览器内核的更新策略和缓存机制比较复杂,不容易控制。以下是一些常用的更新缓存的策略,前端开发中可以根据实际情况选择使用:1.文件名添加版本号或哈希值:这是最常用的方法,也是最有效的方法之一。通过在文件名后面添加版本号(例如inde......
  • 进入编辑页面时,如何把光标聚焦到第一个input?
    要让光标在页面加载时自动聚焦到第一个input元素,有很多方法,以下是几种常见且推荐的做法:1.使用autofocus属性(HTML5)这是最简单直接的方法。在第一个<input>元素中添加autofocus属性即可。浏览器加载页面后会自动将光标聚焦到该元素。<inputtype="text"autofocus><......
  • 为什么代码中两个`display`属性为`inline-block`的元素之间有多余字符(包括换行、制表
    display:inline-block元素之间的空隙是由HTML源代码中的空格、换行符和制表符引起的。浏览器会将这些空白字符渲染成一个空格,就像普通的文本一样。由于inline-block元素像行内元素一样排列,它们之间的空格也会被保留并显示出来。解决方案:移除HTML源代码中的空白字符:......
  • Springboot+vue仿腾讯在线会议系统,支持在线会议(包括语音和投屏)以及文字聊天功能,最近
    支持在线会议(包括语音和投屏)以及文字聊天功能,最近完成的项目,算是比较小众的项目,功能比较完善,美中不足的就是页面ui设计一般,可先看项目的完整演示项目演示:https://www.bilibili.com/video/BV1ALsre3Epm/小众项目,拿来做毕设简直是嘎嘎乱杀,项目质量是很好可以保证的,大家可以看......
  • Exp 智能协同管理系统-部门管理前端页面开发
    一、需求分析页面功能提供部门信息的展示功能,数据以表格形式呈现,包含序号、部门名称、最后操作时间、操作(编辑和删除)列。用户可通过新增、编辑和删除功能,实现对部门数据的管理。数据动态加载,支持实时更新,确保部门信息的准确性。功能实现细节部门展示:从后端接口获取所有部......
  • Python爬虫淘宝天猫商品详情页面数据接口
    以下是使用Python尝试爬取淘宝天猫网站商品详情数据的一般思路及相关要点,不过要强调的是,在进行网络爬虫操作时,需确保符合平台的相关使用条款以及法律法规要求,避免违规爬取:1.分析页面结构与接口情况首先通过浏览器(比如Chrome浏览器按F12键打开开发者工具)访问平台的商品......
  • 01-内核模块传参
    内核模块在insmod时允许传递参数,来实现更灵活的需求。例如:在调试内核模块时,可能需要控制该模块的日志输出等级,来方便分析模块的问题。普通的做法是代码中有一个变量控制日志等级,修改编译后加载模块。但是如果通过传递参数的方式来修改日志等级,就无需修改和重新编译了。linux内核......
  • 文章详情页面需要分享到第三方,包括qq、qq空间、微博、微信。
    一、封装一个share.js文件,放在目录/utils下//share.js//url-需要分享的页面地址(当前页面地址)//title-分享的标题(文章标题)exportfunctiontoQQzone(url,title){url=encodeURIComponent(url)title=encodeURIComponent(title)window.open(`https://......
  • 如何优化页面的渲染过程?
    优化前端页面的渲染过程对于提升用户体验至关重要。以下是一些关键的优化策略:1.减少DOM操作:批量修改DOM:避免频繁地直接操作DOM。使用DocumentFragment创建文档片段,在片段中进行操作,最后一次性添加到DOM中。使用高效的API:例如使用querySelectorAll代替循环......
  • 通过session会话将信息在页面与servlet,和不同页面之间的传递
    importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importjavax.servlet.http.HttpSession;i......