fastadmin:点击按钮出现弹窗,同时传递参数,并将参数展示到前端,并根据参数进行数据库查询的条件

一、在主页面js端添加按钮

位置:public/assets/js/backend/pim/test.js

其中url的位置指的是弹窗显示的位置popup/sale/order/index(类比pim/test/index)

在url中写入需要传递的参数order_number={order_number}

{field: 'id', title: __('detial'), table: table, 
   buttons: 
     [
        {
           name: 'name1',
           text:__('detials'), 
           title: __('detials'),
           icon: 'fa fa-list',//图标
           classname: 'btn btn-xs btn-primary btn-dialog', //btn-dialog表示为弹窗
           url: 'popup/sale/order/index?order_number={order_number}',//自带参数ids
           extend: 'data-area=\'["90%","75%"]\'',//弹窗大小
           callback:function(data){}
         },
      ], operate:false, formatter: Table.api.formatter.buttons
},

二、在弹窗所在控制器中获取传递的参数

位置:application/admin/controller/popup/sale/Order.php

在index方法中进行添加

//获取并传递参数
//获取页面参数order_number,值不为空就是order_number,若为空就是''
$order_number = $this->request->get('order_number','');
//为当前视图层分配一个名为“order_number”的变量,并将其值设为$order_number。
$this->view->assign('order_number',$order_number);

三、展示数据到前端

位置:application/admin/view/popup/sale/order/index.html

<!--展示传递的参数-->
<input type="text" name="" id="" value="{$order_number}" />

四、将参数作为数据库搜索的限制条件

位置:application/admin/controller/popup/sale/Order.php

在index方法中的数据库查询中加入条件

->where(['order_number'=>$order_number])//限制当字段order_number等于变量order_number时执行

最终效果

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
你可以通过以下步骤从数据库获取数据并实现异步刷新显示饼状图: 1. 首先,确保你已经安装了FastAdmin和相关依赖。可以使用Composer来安装FastAdmin和必要的扩展。 2. 创建一个数据库表,用于存储饼状图数据。表结构可以包含字段如下: - id:饼状图数据的唯一标识 - label:数据项的标签 - value:数据项的值 3. 在FastAdmin中创建一个控制器,用于处理异步请求并获取数据库中的饼状图数据。你可以在控制器中使用Model来查询数据库并获取数据。例如,使用ThinkPHP框架的话,可以这样写: ```php use think\Controller; use app\admin\model\PieData; class PieController extends Controller { public function getData() { $data = PieData::select(); return json($data); } } ``` 4. 在前端页面中使用Ajax来发送异步请求并获取饼状图数据。你可以在页面中使用JavaScript来实现这个功能。例如,使用jQuery的话,可以这样写: ```javascript $.ajax({ url: '/admin/pie/getData', type: 'GET', dataType: 'json', success: function(data) { // 在这里使用返回的数据来绘制饼状图 // 例如使用Chart.js等图表库 } }); ``` 5. 在页面中使用图表库来绘制饼状图。你可以选择使用一些流行的JavaScript图表库,如Chart.js、Highcharts等。根据你选择的库,按照其文档提供的方法来绘制饼状图,并将异步获取到的数据传递给图表库进行展示。 这样,你就可以通过以上步骤从数据库获取数据并实现异步刷新显示饼状图了。记得在控制器中处理数据查询和前端页面中处理异步请求和绘制图表的逻辑。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值