目錄
yii2下拉框带搜索功能,yii2下拉框搜索功能
首頁 php教程 php手册 yii2下拉框带搜索功能,yii2下拉框搜索功能

yii2下拉框带搜索功能,yii2下拉框搜索功能

Jun 13, 2016 am 08:40 AM
下拉式選單

yii2下拉框带搜索功能,yii2下拉框搜索功能

简单的小功能,但是用起来还是蛮爽的。分享出来让更多的人有更快的开发效率,开开心心快乐编程。
作者:白狼 出处:http://www.manks.top/yii2_dropdown_search.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

如果你还没有使用过composer,你可就out了,看我的教程分享,composer简直就是必备神奇有木有。都说到这个点上了,我们赶紧使用composer进行安装吧。

不急,先来看看效果图是啥样的,不然都没心情没欲望看下去。原文自带图片,可参考。

啥玩意,不感兴趣?继续看嘛,看完再操作一边才能觉得好在哪里。
有木有感觉很帅气,当然啦,远远不止,还很上档次用起来效果也是杠杠的有木有。
好了好了,抓紧时间安装,不然聊起来真是没完没了。

<code class="hljs nginx"><span class="hljs-attribute">composer require kartik-v/yii2-widget-<span class="hljs-literal">select2 <span class="hljs-string">"<span class="hljs-variable">@dev"
<span class="hljs-comment">#特别说明,因为这里安装的dev版本,也就是开发版本,不稳定版本,如果你的项目是git托管的,composer安装下来之后这里记得删掉 \vendor\kartik-v\yii2-widget-select2目录下的.git文件,不然你提交不上去的哦
</span></span></span></span></span></code>
登入後複製

等他个大概5分钟的样子差不多了,安装就好了,然后我们就可以像下面一样开始使用了
//如果你的表单是ActiveForm,请使用

<code class="hljs xquery">use kartik\select2\Select2; 
//$data是键值对数组哦,key-value ,下面所声明的所有$data均为键值对数组,以该数组为例 
$data = [<span class="hljs-number">2 => <span class="hljs-string">'widget', <span class="hljs-number">3 => <span class="hljs-string">'dropDownList', <span class="hljs-number">4 => <span class="hljs-string">'yii2']; 
echo $form->field($model, <span class="hljs-string">'title')->widget(Select2::classname(), [  
    <span class="hljs-string">'data' => $data, 
    <span class="hljs-string">'options' => [<span class="hljs-string">'placeholder' => <span class="hljs-string">'请选择 ...'], 
]);
</span></span></span></span></span></span></span></span></span></span></span></code>
登入後複製

//如果你的表单是非ActiveForm,可以参考下面的

<code class="hljs php"><span class="hljs-keyword">use <span class="hljs-title">kartik\<span class="hljs-title">select2\<span class="hljs-title">Select2; 
<span class="hljs-keyword">echo Select2::widget([ <span class="hljs-string">'name' => <span class="hljs-string">'title', 
    <span class="hljs-string">'data' => $data, 
    <span class="hljs-string">'options' => [<span class="hljs-string">'placeholder' => <span class="hljs-string">'请选择...'] 
]);

</span></span></span></span></span></span></span></span></span></span></span></code>
登入後複製

非ActiveFomr生成的更新数据的时候就需要默认选中,好办,加value值即可

<code class="hljs php"><span class="hljs-keyword">use <span class="hljs-title">kartik\<span class="hljs-title">select2\<span class="hljs-title">Select2; 
<span class="hljs-keyword">echo Select2::widget([ 
    <span class="hljs-string">'name' => <span class="hljs-string">'title', 
    <span class="hljs-string">'value' => <span class="hljs-number">2, 
    <span class="hljs-string">'data' => $data, 
    <span class="hljs-string">'options' => [<span class="hljs-string">'placeholder' => <span class="hljs-string">'请选择...'] 
]);
<span class="hljs-comment">#但是如果你的表单是ActiveForm生成的,但是往往字段不是表字段怎么办呢?更好办啦,以上面的为例,你只需要指定$model->title = ['title1', 'title2'];即可

</span></span></span></span></span></span></span></span></span></span></span></span></span></span></code>
登入後複製

继续阅读

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

WPS表格下拉選單怎麼做 WPS表格下拉選單怎麼做 Mar 21, 2024 pm 01:31 PM

WPS表格下拉選單怎麼做:選中要設定下拉選單的儲存格後,依序點擊“資料”,“有效性”,再在彈出的對話框中進行對應設定後,以此來下拉我們的選單。 WPS作為一款功能強大的辦公室軟體,其本身擁有的能夠編輯文件、統計數據表格等的功能,為許多需要和文字、數據等打交道的人們提供了很多的便利。而要熟練地運用WPS軟體為我們提供很多方便,就需要我們能夠先掌握住WPS軟體的各種非常基本的操作,在這篇文章裡,小編就給大家分享一下怎麼在用WPS軟體做在出的WPS表格中進行下拉式選單的操作。開啟WPS表格後,先用滑鼠選

如何列印不含註釋的 Word 文檔 如何列印不含註釋的 Word 文檔 Apr 18, 2023 pm 02:19 PM

對於MicrosoftWord,註解很重要,尤其是當文件在多人之間共用時。每個人都可以透過他/她的評論在文件內容中添加一些內容,並且保留這些評論以供以後參考是非常重要的。但是當你需要列印文件時,你真的需要列印註解嗎?在某些情況下,是的。但對於其他一些情況,這是一個很大的不!在本文中,我們透過2種不同的解決方案解釋瞭如何輕鬆列印Word文件而不列印其上的評論。請記住,評論只是被隱藏,不會被刪除。因此,您絕對不會在此處冒您文件的任何部分的風險,在沒有評論的情況下列印它。希望你喜歡!解決方案1:通

如何在 Microsoft Word 中新增藝術頁面邊框 如何在 Microsoft Word 中新增藝術頁面邊框 Apr 27, 2023 pm 08:25 PM

您是否厭倦了一直在Word文件上看到傳統的黑色邊框?您是否正在尋找如何為您的文件添加一些彩色和藝術邊框以使其更具吸引力和樂趣的方法?在Word文件的不同頁面中添加不同的藝術邊框怎麼樣?或一次將單一藝術邊框應用於文件中的所有頁面?我知道你和我們一樣對這整個藝術邊界的事情感到興奮!直接閱讀本文,了解如何成功地將藝術邊框應用於Word文件。第1部分:如何將相同的藝術頁面邊框應用於Word文檔中的所有頁面第1步:開啟Word文檔,然後按一下頂部功能區中的「設計」標籤。在DESIGN選

如何在 Excel 中建立帶有符號的下拉列表 如何在 Excel 中建立帶有符號的下拉列表 Apr 14, 2023 am 09:04 AM

在 Excel 工作表中建立下拉清單很容易,只要它是一個普通的下拉式選單。但是,如果您必須透過添加特殊符號使其特別,或者透過添加一些文字以及符號使其更加特別,該怎麼辦?好吧,聽起來很有趣,但想知道這是否可能?當 Geek Page 隨時為您提供協助時,您有什麼不知道的答案?這篇文章都是關於創建下拉式選單,帶有符號以及符號和文字。希望你喜歡閱讀這篇文章!另請閱讀:如何在 Microsoft Excel 中新增下拉式選單第 1 部分:建立僅包含符號的下拉清單要建立帶有符號的下拉式選單,我們首先需要建立來源

在 Windows 11 上調整螢幕以監控的 5 種方法(和修復) 在 Windows 11 上調整螢幕以監控的 5 種方法(和修復) Apr 14, 2023 pm 03:28 PM

由於最近世界各地的改進,PC零件現在以廠商建議零售價出售,這促使許多用戶最終構建了他們夢想中的PC。建立PC可能會遇到挑戰,其中一項任務是使您的螢幕適合顯示器的顯示。如果您無法將螢幕安裝到Windows11上的顯示器上,那麼您需要了解的就是這一切。讓我們開始吧。如何以5種方式調整螢幕以在Windows11上監控要讓您的螢幕適合您的顯示器,您可以根據目前設定調整解析度、縮放比例或顯示輸出設定。我們建議您嘗試調整解析度大小以保持視覺品質和dpi。但是,如果這對您不起作用,您可以嚐嚐

實作微信小程式中的下拉式選單效果 實作微信小程式中的下拉式選單效果 Nov 21, 2023 pm 03:03 PM

實現微信小程式中的下拉式選單效果,需要具體程式碼範例隨著行動互聯網的普及,微信小程式成為了網路開發的重要一環,越來越多的人開始關注和使用微信小程式。微信小程式的開發相比傳統的APP開發更加簡單快捷,但也需要掌握一定的開發技巧。在微信小程式的開發中,下拉式選單是一個常見的UI元件,實現了更好的使用者操作體驗。本文將詳細介紹如何在微信小程式中實現下拉式選單效果,並提供具

如何停用 Windows 11 上的搜尋功能 如何停用 Windows 11 上的搜尋功能 Apr 13, 2023 pm 05:28 PM

為什麼我需要停用 Windows 搜尋?信不信由你,除了擺脫討厭的 Bing 結果之外,在 Windows 11 上停用搜尋功能還有一些好處。這些好處包括回收硬碟上的電腦資源和空間,以及減少耗電量和正在進行的後台任務。此外,禁用功能可以幫助那些在 Windows 11 上掙扎的低階 PC。 Windows 11 的系統需求非常高,透過減少電腦必須處理的工作量,您將使機器運作更流暢、更快。不建議您停用任何類型的搜尋功能。 Windows Search 是目前 Windows 11 上最高效的

如何在Google投影片中設定影像透明度? 如何在Google投影片中設定影像透明度? Apr 25, 2023 pm 06:52 PM

如何更改Google幻燈片中圖像的透明度Google幻燈片可讓您對圖像進行微小的更改。您可以使用Google投影片中的「格式選項」功能表來變更您插入的任何影像的透明度等級。要使用Google幻燈片中的「格式選項」選單使圖像透明:開啟您現有的Google幻燈片簡報或建立新的。在其中一張投影片的簡報中選擇現有影像。或者,透過按「插入」> 「圖像」 並選擇其中一個上傳選項來新增圖像。選擇影像後,按工具列中的格式選項按鈕。或者,右鍵單擊圖像並選擇格式選項。 “ 格式選項”選單

See all articles