widget 局部刷新的问题? [ 2.0 版本 ]
我这边有一个发票打印的需求, 为了做到发票页面代码重用 。 我把发票样式封装了一个widget, 这个widget在页面的是隐藏起来, 打印的时候就打印这个widget里面的内容。初始化的时候传入一个model, 这个widget根据这个model来生成发票内容。正常销售页面已经实现了这个功能。
但是我在销售历史页面做发票补打功能, 这个页面就是一个index页面, 有一个补打的操作,我的想法是在补打的时候,点击某一行记录补打, 就通过一个ajax请求, 去后台请求这条记录的model,然后局部刷新这个widget, 最后打印这个widget.
现在遇到的问题是,发送的ajax请求, 后台获取到model怎么传给这个widget? 大概代码如下:
function printBill(id) {
$.ajax({
type:'GET',
url:"<?=\yii\helpers\Url::to(['sell/find-model'])?>" + "?id="+id,
success:function (data) {
}
});
}
...
<?php
Pjax::begin(['id'=>'printBill']);
PrintBillWidget::begin(['model' => $model]);
PrintBillWidget::end();
Pjax::end();
?>
最佳答案
-
我觉得你可以把页面传进 widget 里,而不是把 model 传进去。或者不使用 widget。
我提供一种解决方案。
在 SellController.php 控制器里:
public function actionPrint($id) { $this->layout = false; //禁用布局 $model = Sell::findOne($id); //这里需要补上其它代码,比如访问权限判断,找不到这个 model 等等。 return $this->render('print', [ 'model' => $model, ]); }
在
sell/print.php
视图中:<?= $model->title ?> <?= $model->content ?>
以上我们完成了一些准备工作。这样以来,当我们通过 ajax 请求
sell/print
路由时,会返回sell/print.php
这个视图,这个视图根据 model 来生成的发票内容,你自己再调整样式。然后,再其它你需要进行发票打印的地方。比如在某个
index.php
视图文件里,你加上如下代码:<?php use yii\bootstrap\Modal; ?> <script> function printBill(id) { $.ajax({ type:'GET', url:"<?=\yii\helpers\Url::to(['sell/print'])?>" + "?id="+id, success:function(html){ $('#solution-content').html(html); $('#solution').modal('show'); } }); } </script> <?php Modal::begin([ 'header' => '<h3>发票</h3>', 'options' => ['id' => 'solution'] ]); ?> <div id="solution-content"> </div> <?php Modal::end(); ?>
这样一来,当你调用
printBill(id)
时,会把<div id="solution-content"> </div>
这部分的内容替换成
sell/print.php
这个视图的内容。并通过 Modal 框显示出来(你也可以不用 Modal 框,我这只是举例)。核心还是在:$.ajax({ type:'GET', url:"<?=\yii\helpers\Url::to(['sell/print'])?>" + "?id="+id, success:function(html){ $('#solution-content').html(html); // 这里 } });
共 1 条回复
其他 0 个回答
没有找到数据。
秀小川
注册时间:2017-08-16
最后登录:2022-05-23
在线时长:20小时47分
最后登录:2022-05-23
在线时长:20小时47分
- 粉丝1
- 金钱455
- 威望0
- 积分655