yii中延迟加载模块
2016-06-15 00:00
615 查看
1.在view中设置好div和相应的加载的loading的span或者img。
2.在js中通利用$(document).ready(function () {}加载完页面后进行ajax回调获取数据。
3.在controller中调用model里面的方法处理并获取数据。
4.在controller中利用renderpartial方法加载特定的view模块。
5.返回隐藏loading并在相应的div中显示出加载出的html代码。
view中:
js:
controller中:
特殊的div(dashboard_tag包括popup的div):
2.在js中通利用$(document).ready(function () {}加载完页面后进行ajax回调获取数据。
3.在controller中调用model里面的方法处理并获取数据。
4.在controller中利用renderpartial方法加载特定的view模块。
5.返回隐藏loading并在相应的div中显示出加载出的html代码。
view中:
### <?php echo Yii::t('manager', 'Tag'); ?> <div class="dashboardtag"> <span id="tag_loading">loading.......</span> <div class="tagshow"></div> </div>
js:
$(document).ready(function () { jQuery.ajax({ url: '<?php echo Yii::app()->createAbsoluteUrl('Master/dashboard/getTag');?>', type: "POST", dataType: "json", success: function (tagmsg) { if (tagmsg.result == "success") { // 如果成功就执行下一步 $('#tag_loading').hide(); $('.dashboardtag').find('.tagshow').html(tagmsg.data); //tagpopup的代码 $('.tarBBar').click(function () { $('.dashPopup2,.modal-backdrop').show(); $('.dashPopup2').css('margin-top', -$('.dashPopup2').height() / 2 + 'px'); }); $('.dashPopup2').find('.closeBb').click(function () { $('.dashPopup2,.modal-backdrop').hide(); $('.dashPopup2').find('.dashUl').html(''); $('.active').removeClass('active'); }); } }, error: function (obj, errmsg) { $('#J_prev').removeAttr("disabled"); } }); });
controller中:
$dashboardtag = new Dashboard($month_two, $month_three, $month_one, $month_two2); $dashboard_tag = $dashboardtag->getTag($access_accounts); //dashboard_tag中是对应的特殊div模块 $data =$this->renderPartial('dashboard_tag',array('dashboard_tag'=>$dashboard_tag),true); echo json_encode(array( 'result' => 'success', 'data' => $data, ));
特殊的div(dashboard_tag包括popup的div):
<div class="tarBBar tapopup" id="tag"> <div class="rate_numbers"> <span><span><?php echo 'User Tagged ' ?></span><span style="font-size: 24px;margin-left: 12px;"><?php echo $dashboard_tag['new']['taged']; ?></span></span> <span class="<?php if ($dashboard_tag['rate'] > 0) { echo 'en number-up'; } else if ($dashboard_tag['rate'] < 0) { echo 'en number-down'; } else { echo 'n-a'; } ?>"><?php echo -$dashboard_tag['rate'] . '%'; ?></span> </div> <p><?php echo $dashboard_tag['new']['taged'] ?> vs <?php echo $dashboard_tag['old']['taged']; ?></p> <div class="rate_numbers"> <span><?php echo 'Percentage Tagged ' ?> </span><span class="<?php if ($dashboard_tag['uprate'] > 0) { echo 'en number-up'; } else if ($dashboard_tag['uprate'] < 0) { echo 'en number-down'; } else { echo 'n-a'; } ?>"> <?php echo $dashboard_tag['uprate'] . '%'; ?></span> </div> <p><?php echo $dashboard_tag['new']['rate'] . '%'; ?> vs <?php echo $dashboard_tag['old']['rate'] . '%'; ?></p> </div> <div class="dashPopup2"> <h3><?php echo Yii::t('manager', 'Tag'); ?></h3> <div class="closeBb"></div> <div class="dashUl2"> <?php foreach ($dashboard_tag['data'] as $dashboardtag): ?> <div class=" 3ff0 ;dashTb"><h4><?php echo $dashboardtag['name']; ?> </h4> <div class="rate_number"><span class="<?php if ($dashboardtag['rate'] > 0) { echo 'en number-up'; ?>"><?php echo $dashboardtag['rate'] . '%'; ?></span> <?php } else if ($dashboardtag['rate'] < 0) { echo 'en number-down'; ?>"><?php echo $dashboardtag['rate'] . '%' ; ?></span> <?php } else if ($dashboardtag['rate'] === '--') { echo ''; ?>"><?php echo '--'; ?></span> <?php } else{ echo 'n-a';?>"><?php echo '0%'; ?></span> <?php } ?> </div> <div class="count_number"><?php echo $dashboardtag['new']['taged']; ?> vs <?php echo $dashboardtag['old']['taged']; ?></div> </div> <?php endforeach; ?> </div> </div>
相关文章推荐
- Day1-php 语言概述
- Day2-php 变量的声明
- Day4-php 字符串 定界符
- Day5- php 特殊类型 资源 NULL
- YII 1 开启调试模式以及导入第三方调试插件yii-debug-toolbar
- YII安装步骤(windows)
- php语法学习:轻松看懂PHP语言
- YII1.1 批量插入数据
- PHP配合Cross-Origin Resource Sharing实现跨域
- 五个最佳FTP客户端工具
- 【RESTful】Yii2实现RESTful架构配置最佳实践
- php中数组的数组元素最多出现2次,出现3次了就把第三次的数组元素去掉
- # Laravel数组分页
- Spark Streaming的Transformation、Action、Input和Output源码图解(第24课)
- ThinkPHP3.2中引用Ueditor
- php中引用&的真正理解-变量引用、函数引用、对象引用
- PHP中构造函数和析构函数解析
- php面向对象学习
- laravel框架——学习笔记
- PHP留言小练习