Magento 自定义一个搜索功能
最近工作中有一个需求是需要做一个搜索的功能,但是因为需要定制一些外观,所以就不用传统的方法来继承基类GRID。实现这个需求的核心其实就是下面这个方法。
$this->getLayout()->getBlock('yourName')->setYourValue('yourvalue');
大家都知道Magento的MVC架构和其它的MVC框架有点不一样,Magento的V层是从Block调用数据的,在Layout文件夹的配置文件中可以看到下面的配置.
<vendors_dealer_dealer_getdealer>
<reference name="content">
<block type="vendorsproduct/vendor_dealersearch" name="dealer_search" template="ves/filter/dealersearch.phtml" />
</reference>
</vendors_dealer_dealer_getdealer>
这里的type指定的是Block的文件位置,在Phtml页面中的$this就是代表这个Block类的本身,可以在Block这个类里面定义方法然后在phtml页面中调用这个方法得到数据。
现在开始我们来自定义一个搜索方法
一.首先你的数据列表页面需要一个搜索框,下面是phtml页面的代码
<div class="order-filter">
<dl>
<dt class="last odd">订单编号:</dt>
<dd class="last odd">
<ol class="order-filter-item-list">
<li>
<input type="text" class="order-num"/>
<a href="javascript:void(0)" class="order-id-search">查询</a>
</li>
</ol>
</dd>
</dl>
</div>
......数据显示 <script type="text/javascript">
//<![CDATA[
jQuery(".order-id-search").click(function(){ var orderid = jQuery(this).prev().val();
var url = "<?php echo Mage::getBaseUrl().'vendors/sales_order/getorder';?>";
console.log(url); if(!orderid){
alert("查询订单号不能为空!");
return false;
}
window.location.href= url+"?order_id="+orderid; })
//]]>
</script>
二.可以看到输入要搜索的值,再点击搜索其实访问的是控制器的getorder这个方法,于是我们来建立这个方法
public function getOrderAction()
{
$order_id = $this->getRequest()->getParam('order_id',null);
$vendor = Mage::getModel('vendors/session')->getVendor();
$vendor_id = $vendor->getId();
$read = Mage::getSingleton("core/resource")->getConnection('core_read');
$sql = "SELECT × FROM `order` where vendor_id='{$vendor_id}' and order_id='{$order_id}'";//假想sql语句
$result = $read->fetchAll($sql); $this->loadLayout();
$this->getLayout()->getBlock('order_search')->setOrder($result); $this->_setActiveMenu('sales')->_title($this->__('Sales'))->_title($this->__('Orders'));
$this->_addBreadcrumb($this->__('Sales'), $this->__('Sales'));
$this->_addBreadcrumb($this->__('Orders'), $this->__('Orders'));
$this->renderLayout();
}
这里的关键点就是$this->getLayout()->getBlock('order_search')->setOrder($result)这一句代码,这句代码的意思就是给block设定一个模板变量,然后在模板可以使用$this->getOrder()调用数据。
三.建立布局文件的XML
<vendors_sales_order_getorder>
<reference name="content">
<block type="vendorssales/vendor_sales_ordersearch" name="order_search" template="ves/filter/ordersearch.phtml" />
</reference>
</vendors_sales_order_getorder>
这里xml的意思就是在使用getorder这个控制器的方法的时候,会实例化ordersearch这个block,和设定指定的模板文件,这里的name="order_search"极其重要,$this->getLayout()->getBlock('order_search')->setOrder($result)这里的order_search就是这个name="order_search"。
四.建立这个block文件
因为这里不需要模板从Block调用数据,所以建立一个空的Block就可以了
五.建立一个模板文件
模板文件就和数据列表页面的phtml页面代码相似即可,只是这个页面多了$this->getOrder()这个方法,然后把得到的数据遍历出来显示在页面即可。
Magento 自定义一个搜索功能的更多相关文章
- HelloGitHub 小程序上线了,蛋只有一个搜索功能
作者:HelloGitHub-卤蛋 我是...蛋蛋啊,本文是我从零开发「HelloGitHub 小程序」的开发日记,不要把这个系列当作技术文章来读,你将会收获更多的乐趣.♂️ 我只是个 Python ...
- hexo next主题深度优化(四),自定义一个share功能,share.js。
文章目录 背景: 开始: 引入资源: 代码 关键的一步 附:方便学习的小demo 一次成功后还出现上面的bug 结束 2018.12.23发现bug(读者可忽略) 个人博客:https://mmmmm ...
- Android搜索功能的案例,本地保存搜索历史记录......
开发的APP有一个搜索功能,并且需要显示搜索的历史记录,我闲暇之余帮她开发了这个功能,现把该页面抽取成一个demo分享给大家. 实现效果如图所示: 本案例实现起来很简单,所以可以直接拿来嵌入项目中使 ...
- React-Native进阶_7.TextInput的使用实现搜索功能
前面使用TabBar 实现了底部tab标签,通过stackNavigator 实现了页面跳转,接下来,使用TextInput 来实现一个搜索功能. TextInput 属性比较多,不一一介绍,具体可以 ...
- 使用ajax实现搜索功能
最近要做一个搜索功能,网上搜了一圈,终于做出来了,很简单的一个,这里分享我的方法,希望对大家有用,不足之处还请指教. 这里使用ajax提交数据,配合jquery将数据显示出来. 用jq的keyup ...
- 使用jquery select2实现下拉框搜索功能
由于公司后台系统下拉框数据量太多了,用户操作起来要不方便所以增加了下拉框里面一个搜索功能 1从官网下载jquery select2 下来 地址https://select2.github.io/ 2: ...
- 给 hugo 博客添加搜索功能
起因 我的博客使用了 hugo 作为静态生成工具,自带的主题里也没有附带搜索功能.看来,还是得自己给博客添加一个搜索功能. 经过多方查找,从 Hugo Fast Search · GitHub 找到一 ...
- JSTL,自定义一个标签的功能案例
1.自定义一个带有两个属性的标签<max>,用于计算并输出两个数的最大值: 2.自定义一个带有一个属性的标签<lxn:readFile src=“”>,用于输出指定文件的内容 ...
- CustomDialog——一个多功能、通用、可自定义的Dialog
CustomDialog--一个多功能.通用.可自定义的Dialog 依赖 compile 'com.github.SiberiaDante:CustomDialog:v1.0.1' 说明[Cus ...
随机推荐
- SQLite datatype
NULL. The value is a NULL value. INTEGER. The value is a signed integer, stored in 1, 2, 3, 4, 6, or ...
- GitHub上删除项目
1. 在自己的repositories中,选择要删除的项目,左击. 2. 选择 [Settings] 3. 选择 [Delete ** ] 4. 在弹出框中 输入 要删除的项目名,点击下方的按钮 ...
- Windows8.1自定义快捷方式添加到开始屏幕
Windows8.1自定义快捷方式添加到开始屏幕 将快捷方式复制到如下路径,在开始屏幕的所有中找到对应快捷方式,右键选择添加到开始屏幕即可. C:\Users\%USERNAME%\AppData\R ...
- HDU2845 DP
Beans Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submi ...
- ACM Steps 2.1.8
小数化分数2 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Sub ...
- c# 考试
重点:值类型的变量直接存放实际的数据,存储在内存的栈中: 引用类型的变量存放的则是数据的地址,即对象的引用.存储在内存的堆中,而内存单元中只存放堆中对象的地址 常见的值类型数据有:整值型(整形,浮点型 ...
- java 与c#比较
1.开发周期方面:c#比java开发周期更快2.java出现的时间更长.开源性广.跨平台性好3.c#较为封闭.后出于java4.c#有无符号类型.java没有5.java与c#都有值类型.但是java ...
- Gruntfile.js
module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), clea ...
- Python的全局变量
应该尽量避免使用全局变量.不同的模块都可以自由的访问全局变量,可能会导致全局变量的不可预知性.对全局变量,如果程序员甲修改了_a的值,程序员乙同时也要使用_a,这时可能导致程序中的错误.这种错误是很难 ...
- cpu为什么使用虚拟地址到物理地址的空间映射,解决了什么样的问题?
当处理器读或写入内存位置时,它会使用虚拟地址.作为读或写操作的一部分,处理器将虚拟地址转换为物理地址.通过虚拟地址访问内存有以下优势: 程序可以使用一系列相邻的虚拟地址来访问物理内存中不相邻的大内存缓 ...