October CMS - 快速入門 17 - 為組件添加選項

longmon 發布于2019-07-01 10:11 / 2869人閱讀

摘要：上一節我們通過組件為首頁添加了組件，顯示了演員的列表。但是，我們只是設置了選項，這個選項并沒有對數據進行控制。演員排序對演員排序以姓名升序排列以姓名降序排列好的，現在選項顯示出來。

上一節我們通過actor組件為首頁添加了組件，顯示了演員的列表。
下面我們將為組件添加一些屬性：defineProperties
這個函數會返回一個數組，數組里面的每個數組將返回的是每個選項

添加顯示演員個數限制的選項

File:plugins
aiseinfomoviescomponentsActors.php

    public function defineProperties()
    {
        return [
          "results" =>  [
              "title" => "顯示演員的個數",
              "description" => "您希望顯示多少個演員？",
              "default" => 0,
              "validationPattern" => "^[0-9]+$",
              "validationMessage" => "只允許輸入數字。"
          ]
        ];
    }

但是，我們只是設置了選項，這個選項并沒有對數據進行控制。下面解決使用這個選項控制數據的顯示：

File:plugins
aiseinfomoviescomponentsActors.php

    protected function loadActors()
    {
        $query = Actor::all();
        if($this->property("results") > 0){
            $query = $query->take($this->property("results"));
        }
        return $query;
    }

控制演員排序規則

File:plugins
aiseinfomoviescomponentsActors.php

    public function defineProperties()
    {
        return [
          "results" =>  [
              "title" => "顯示演員的個數",
              "description" => "您希望顯示多少個演員？",
              "default" => 0,
              "validationPattern" => "^[0-9]+$",
              "validationMessage" => "只允許輸入數字。"
          ],

          "sortOrder" => [
              "title" => "演員排序",
              "description" => "對演員排序",
              "type" => "dropdown",
              "default" => "name asc"
          ]

        ];
    }

File:plugins
aiseinfomoviescomponentsActors.php

    public function getSortOrderOptions()
    {
        return [
            "name asc" => "以姓名升序排列",
            "name desc" => "以姓名降序排列"
        ];
    }

好的，現在選項顯示出來。接下來實現對數據的控制

File:plugins
aiseinfomoviescomponentsActors.php

protected function loadActors()
    {
        $query = Actor::all();

        if($this->property("sortOrder") == "name asc"){
            $query = $query->sortBy("name");
        }

        if($this->property("sortOrder") == "name desc"){
            $query = $query->sortByDesc("name");
        }

        if($this->property("results") > 0){
            $query = $query->take($this->property("results"));
        }
        return $query;
    }

GPU云服務器云服務器服務器添加組件動態添加組件微信泛型動態添加組件c October

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/28893.html

October CMS - 快速入門 2 基本概念

摘要：項目源碼地址文章視頻基本界面的后臺管理很簡單，沒有多余的功能。首頁部分是儀表盤顯示了系統的基本信息。修改完成后，在編輯器里面保存此文件。在上部出現了一個懸浮框，名稱為帖子列表。項目源碼地址：https://gitee.com/494901823/O... 文章視頻：http://www.365yg.com/i6567357... 基本界面 showImg(https://segmen...

kycool 2019-07-01 10:08 評論0 收藏0
October CMS - 快速入門 5 創建插件

摘要：創建插件對于來講是很簡單的事情，因為，提供了一個插件構建器具體步驟這里就不贅述了。安裝完成后，會出現上圖所示的菜單創建自己的插件的方法是點擊如下圖所示的小按鈕。創建插件對于October來講是很簡單的事情，因為，October提供了一個插件構建器：RainLab.Builder showImg(https://segmentfault.com/img/bVbcoxL?w=1266&h...

macg0406 2019-07-01 10:09 評論0 收藏0
October CMS - 快速入門 16 - 建立簡單的組件

摘要：首先傳入演員列表，并循環輸出刷新首頁，就看見顯示的演員的列表到目前為止，最簡單的組件我們就創建好了，我們可以繼續擴展其功能。本節將創建有關actor的組件：首先創建一下目錄結構 showImg(https://segmentfault.com/img/bVbcqwE?w=313&h=405); 首先創建插件的基本功能 namespace RaiseinfoMoviesComponen...

1fe1se 2019-07-01 10:10 評論0 收藏0
October CMS - 快速入門 7 顯示列表和詳情頁

摘要：在頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。因為影片介紹內容太長了，我們希望只顯示其中的前個字符。下面我們創建詳情頁面。在movies頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。themesraiseinfopagesmovies.htm如下所示，列表采用的是attribute來顯示的 {% fo...

qylost 2019-07-01 10:09 評論0 收藏0
October CMS - 快速入門 6 基本模板

摘要：本節將編寫一些實現對頁面中內容的控制。將內容放入容器文件添加類，讓輸出的內容在一個容器中。創建菜單編輯點擊菜單此頁沒有頭和尾，是因為我們沒有給這個頁面使用布局再次查看頁面，則顯示正常了為當前頁面菜單添加樣式本節將編寫一些css實現對頁面中內容的控制。將內容放入容器文件：themesraiseinfolayoutsdefault.htm ...

littleGrow 2019-07-01 10:09 評論0 收藏0