1. 程式人生 > >Extjs 跳轉頁面帶引數並執行查詢操作的實現

Extjs 跳轉頁面帶引數並執行查詢操作的實現

這裡寫圖片描述

如上,點選檢視物流會跳轉到另一個介面,且將物流單號的值傳遞到下一個介面,下一個介面根據物流單號自動查詢到對應的資訊.

ok,開擼

{
                        header : "檢視物流",
                        dataIndex : "",
                        menuDisabled : true,
                        sortable : false,
                        width : 100,
                        renderer : function
(value, cellmeta, record, rowIndex, columnIndex, store) {
//獲取物流單號 var id= record.data["xxx"]; return "<div><a href='"+PSI.Const.BASE_URL+"Home/XXX/xxx/?lid="+id+"'>檢視物流</a></div>" } }

這樣引數就能在當前Controller的xxx方法中通過get方式獲取到

$lid= I("get.lid");

看一下物流介面,
這裡寫圖片描述

 if ($lid){
      $this->assign("lid",$lid);
            }

思路就是將物流單號的值傳給模板,也就是展示物流資訊的grid表,再通過本身將物流單號作為查詢的條件進行表的查詢

先看下此頁面的html也就是模板,

<script>
    Ext.onReady(function() {
        var app = Ext.create("PSI.App"
, { userName : "{$loginUserName}", productionName : "{$productionName}" }); var permission = { showAddWLButton : "{$showAddWLButton}" }; app.add(Ext.create("PSI.Purchase.WMainForm", { permission : permission, //主要在這裡,$lid是我們用assign進行渲染的值,這樣在Controller中接收到的物流單號就傳遞給了grid表格,只需要在WMainForm中使用lid就可以了 lid: "{$lid}" })); app.setAppHeader({ title : "{$title}", iconCls : "PSI-fid2041" }); });
</script>
Ext.define("PSI.Purchase.WMainForm", {
    extend : "PSI.AFX.BaseMainExForm",

    config : {
        permission : null,
        //一定要在此宣告要用lid
        lid: null
    },
//用下面的方法去獲取
var lid= me.getLid();