Inhaltsverzeichnis
yii2下拉框带搜索功能,yii2下拉框搜索功能
Heim 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>
Nach dem Login kopieren

等他个大概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>
Nach dem Login kopieren

//如果你的表单是非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>
Nach dem Login kopieren

非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>
Nach dem Login kopieren

继续阅读

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So erstellen Sie ein Dropdown-Menü in der WPS-Tabelle So erstellen Sie ein Dropdown-Menü in der WPS-Tabelle Mar 21, 2024 pm 01:31 PM

So erstellen Sie das Dropdown-Menü der WPS-Tabelle: Nachdem Sie die Zelle ausgewählt haben, in der Sie das Dropdown-Menü festlegen möchten, klicken Sie nacheinander auf „Daten“ und „Gültigkeit“ und nehmen Sie dann die entsprechenden Einstellungen im Popup-Dialogfeld vor um unsere Speisekarte herunterzuziehen. Als leistungsstarke Office-Software verfügt WPS über die Möglichkeit, Dokumente, statistische Datentabellen usw. zu bearbeiten, was für viele Menschen, die mit Texten, Daten usw. arbeiten müssen, großen Komfort bietet. Um die WPS-Software geschickt nutzen zu können, müssen wir in der Lage sein, verschiedene grundlegende Vorgänge der WPS-Software zu beherrschen. In diesem Artikel erfahren Sie, wie Sie die WPS-Software verwenden. Sie können die Menüvorgänge in der angezeigten WPS-Tabelle nach unten verschieben. Nachdem Sie das WPS-Formular geöffnet haben, wählen Sie zunächst das aus

So fügen Sie künstlerische Seitenränder in Microsoft Word hinzu So fügen Sie künstlerische Seitenränder in Microsoft Word hinzu Apr 27, 2023 pm 08:25 PM

Sind Sie es leid, ständig die traditionellen schwarzen Ränder in Ihren Word-Dokumenten zu sehen? Suchen Sie nach Möglichkeiten, Ihren Dokumenten farbenfrohe und künstlerische Ränder hinzuzufügen, um sie attraktiver und unterhaltsamer zu gestalten? Wie wäre es, wenn Sie verschiedenen Seiten Ihres Word-Dokuments unterschiedliche künstlerische Ränder hinzufügen würden? Oder einen einzigen künstlerischen Rahmen auf alle Seiten im Dokument gleichzeitig anwenden? Ich weiß, dass Sie von dieser ganzen Sache mit den künstlerischen Grenzen genauso begeistert sind wie wir! Lesen Sie direkt diesen Artikel, um zu erfahren, wie Sie erfolgreich künstlerische Ränder auf Word-Dokumente anwenden. Teil 1: So wenden Sie den gleichen künstlerischen Seitenrand auf alle Seiten in einem Word-Dokument an. Schritt 1: Öffnen Sie das Word-Dokument und klicken Sie im oberen Menüband auf die Registerkarte „Design“. Wählen Sie im DESIGN

So drucken Sie ein Word-Dokument ohne Kommentare So drucken Sie ein Word-Dokument ohne Kommentare Apr 18, 2023 pm 02:19 PM

Bei Microsoft Word sind Kommentare wichtig, insbesondere wenn das Dokument von mehreren Personen gemeinsam genutzt wird. Jeder kann durch seine Kommentare etwas zum Inhalt des Dokuments hinzufügen. Es ist sehr wichtig, diese Kommentare zum späteren Nachschlagen aufzubewahren. Aber wenn Sie ein Dokument drucken müssen, müssen Sie dann wirklich Kommentare drucken? In einigen Fällen ja. Aber in einigen anderen Fällen ist das ein großes Nein! In diesem Artikel erklären wir anhand zweier verschiedener Lösungen, wie Sie ganz einfach ein Word-Dokument drucken können, ohne die Kommentare dazu auszudrucken. Bitte beachten Sie, dass Kommentare nur ausgeblendet sind und nicht gelöscht werden. Daher gefährden Sie hier auf keinen Fall einen Teil Ihres Dokuments, indem Sie es kommentarlos ausdrucken. Ich hoffe, es gefällt euch! Lösung 1: Bestehen

So erstellen Sie eine Dropdown-Liste mit Symbolen in Excel So erstellen Sie eine Dropdown-Liste mit Symbolen in Excel Apr 14, 2023 am 09:04 AM

Das Erstellen einer Dropdown-Liste in einem Excel-Arbeitsblatt ist einfach, solange es sich um ein normales Dropdown-Menü handelt. Aber was ist, wenn Sie es durch das Hinzufügen eines besonderen Symbols zu etwas Besonderem machen oder es durch das Hinzufügen von Text und Symbolen noch spezieller machen müssen? Ok, klingt interessant, aber Sie fragen sich, ob das möglich ist? Welche Antwort wissen Sie nicht, wenn Geek Page hier ist, um zu helfen? In diesem Artikel geht es um die Erstellung von Dropdown-Menüs mit Symbolen sowie Symbolen und Text. Ich hoffe, Ihnen hat die Lektüre dieses Artikels gefallen! Lesen Sie auch: So fügen Sie ein Dropdown-Menü in Microsoft Excel hinzu Teil 1: Erstellen Sie eine Dropdown-Liste nur mit Symbolen Um ein Dropdown-Menü mit Symbolen zu erstellen, müssen wir zunächst die Quelle erstellen

5 Möglichkeiten (und Lösungen), Ihren Bildschirm für die Überwachung unter Windows 11 anzupassen 5 Möglichkeiten (und Lösungen), Ihren Bildschirm für die Überwachung unter Windows 11 anzupassen Apr 14, 2023 pm 03:28 PM

Aufgrund der jüngsten Verbesserungen auf der ganzen Welt sind PC-Teile jetzt zum UVP erhältlich, was viele Benutzer dazu veranlasst hat, endlich ihren Traum-PC zu bauen. Der Bau eines PCs kann seine Herausforderungen mit sich bringen, und eine der Aufgaben besteht darin, den Bildschirm an die Anzeige Ihres Monitors anzupassen. Wenn Sie unter Windows 11 keinen Bildschirm an Ihren Monitor anpassen können, finden Sie hier alles, was Sie wissen müssen. Fangen wir an. So passen Sie Ihren Bildschirm für die Überwachung unter Windows 11 auf 5 Arten an Um Ihren Bildschirm an Ihren Monitor anzupassen, können Sie die Auflösung, Skalierung oder Anzeigeausgabeeinstellungen basierend auf Ihren aktuellen Einstellungen anpassen. Wir empfehlen Ihnen, die Auflösung zu ändern, um die visuelle Qualität und die Auflösung beizubehalten. Wenn dies jedoch bei Ihnen nicht funktioniert, können Sie es versuchen

Implementieren Sie den Dropdown-Menüeffekt im WeChat-Applet Implementieren Sie den Dropdown-Menüeffekt im WeChat-Applet Nov 21, 2023 pm 03:03 PM

Um den Dropdown-Menüeffekt in WeChat-Miniprogrammen zu implementieren, sind spezifische Codebeispiele erforderlich. Mit der Popularität des mobilen Internets sind WeChat-Miniprogramme zu einem wichtigen Bestandteil der Internetentwicklung geworden, und immer mehr Menschen haben begonnen, darauf zu achten Verwenden Sie WeChat Mini-Programme. Die Entwicklung von WeChat-Miniprogrammen ist einfacher und schneller als die herkömmliche APP-Entwicklung, erfordert jedoch auch die Beherrschung bestimmter Entwicklungsfähigkeiten. Bei der Entwicklung von WeChat-Miniprogrammen sind Dropdown-Menüs eine häufige UI-Komponente, um eine bessere Benutzererfahrung zu erzielen. In diesem Artikel wird detailliert beschrieben, wie der Dropdown-Menüeffekt im WeChat-Applet implementiert wird, und es werden praktische Informationen bereitgestellt

So deaktivieren Sie die Suche unter Windows 11 So deaktivieren Sie die Suche unter Windows 11 Apr 13, 2023 pm 05:28 PM

Warum muss ich die Windows-Suche deaktivieren? Ob Sie es glauben oder nicht, das Deaktivieren der Suche unter Windows 11 bietet neben der Beseitigung dieser lästigen Bing-Ergebnisse einige Vorteile. Zu diesen Vorteilen gehören die Rückgewinnung von Computerressourcen und Speicherplatz auf der Festplatte sowie die Reduzierung des Stromverbrauchs und der laufenden Hintergrundaufgaben. Darüber hinaus kann die Deaktivierung von Funktionen denjenigen Low-End-PCs helfen, die mit Windows 11 zu kämpfen haben. Windows 11 stellt sehr anspruchsvolle Systemanforderungen. Durch die Reduzierung des Arbeitsaufwands, den Ihr Computer bewältigen muss, läuft Ihr Computer flüssiger und schneller. Es wird nicht empfohlen, Suchfunktionen jeglicher Art zu deaktivieren. Die Windows-Suche ist unter Windows 11 die bisher effizienteste

Wie stelle ich die Bildtransparenz in Google Slides ein? Wie stelle ich die Bildtransparenz in Google Slides ein? Apr 25, 2023 pm 06:52 PM

So ändern Sie die Transparenz eines Bildes in Google Slides Mit Google Slides können Sie kleine Änderungen an Ihren Bildern vornehmen. Sie können das Menü „Formatoptionen“ in Google Slides verwenden, um die Transparenzstufe jedes von Ihnen eingefügten Bildes zu ändern. So machen Sie ein Bild über das Menü „Formatoptionen“ in Google Slides transparent: Öffnen Sie Ihre vorhandene Google Slides-Präsentation oder erstellen Sie eine neue. Wählen Sie ein vorhandenes Bild auf einer der Folien Ihrer Präsentation aus. Alternativ können Sie ein Bild hinzufügen, indem Sie auf „Einfügen“ > „Bild“ klicken und eine der Upload-Optionen auswählen. Nachdem Sie das Bild ausgewählt haben, klicken Sie in der Symbolleiste auf die Schaltfläche „Formatoptionen“. Alternativ können Sie mit der rechten Maustaste auf das Bild klicken und Formatoptionen auswählen. Menü „Formatoptionen“.

See all articles