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 ...
随机推荐
- Mockito学习资料
官网:http://mockito.org/ https://dzone.com/refcardz/mockito
- C#面向对象之属性
1.属性的定义及使用 class MyClass { ; //属性的定义 private string name = ""; //属性的定义 public int Id { get ...
- 30分钟学会使用grunt打包前端代码
http://www.cnblogs.com/yexiaochai/p/3603389.html
- SpringMVC整合Shiro
首先是web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version=&quo ...
- passing ‘const ’ as ‘this’ argument of ‘’ discards qualifiers 错误处理
示例程序: #include <iostream> #include <set> using namespace std ; class StudentT { publ ...
- Ubuntu FTP 配置
1. apt-get install vsftpd 2. vim /etc/vsftp.conf #禁止匿名访问 anonymous_enable=NO #接受本地用户 local_enable=YE ...
- ASP.NET发布后,功能不响应
题记:稀奇古怪的错误,往往是由低级脑残错误产生的 ASP.NET网站,本地调试一切正常.部署到服务器后,结果登陆按钮就卡住了,点击就是没反应. 浏览器显示Internal Server Error 5 ...
- 上传读取Excel文件数据
/// <summary> /// 上传读取Excel文件数据 /// 来自http://www.cnblogs.com/cielwater /// </summary> // ...
- dede数据库类使用方法 $dsql
dedecms的数据库操作类,非常实用,在二次开发中尤其重要,这个数据库操作类说明算是奉献给大家的小礼物了. 引入common.inc.php文件 require_once (dirname(__FI ...
- DBConfigReader.java
package com.vcredit.ddcash.batch.util; import java.sql.Connection;import java.sql.PreparedStatement; ...