목차
yii2下拉框带搜索功能,yii2下拉框搜索功能
백엔드 개발 PHP 튜토리얼 yii2下拉框带搜索功能,yii2下拉框搜索功能_PHP教程

yii2下拉框带搜索功能,yii2下拉框搜索功能_PHP教程

Jul 12, 2016 am 08:52 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>
로그인 후 복사

继续阅读

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1125683.htmlTechArticleyii2下拉框带搜索功能,yii2下拉框搜索功能 简单的小功能,但是用起来还是蛮爽的。分享出来让更多的人有更快的开发效率,开开心心快乐...
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WPS 테이블에 드롭다운 메뉴를 만드는 방법 WPS 테이블에 드롭다운 메뉴를 만드는 방법 Mar 21, 2024 pm 01:31 PM

WPS 테이블 드롭다운 메뉴 만드는 방법: 드롭다운 메뉴를 설정하려는 셀을 선택한 후 "데이터", "유효성"을 차례로 클릭한 후 팝업 대화 상자에서 해당 설정을 지정합니다. 메뉴를 아래로 내리세요. 강력한 사무용 소프트웨어인 WPS는 문서, 통계 데이터 표 등을 편집하는 기능을 갖추고 있어 텍스트, 데이터 등을 처리해야 하는 많은 사람들에게 많은 편의를 제공합니다. WPS 소프트웨어를 능숙하게 사용하여 많은 편의를 제공하려면 WPS 소프트웨어의 다양한 기본 작동을 마스터할 수 있어야 합니다. 이 기사에서는 편집자가 WPS 소프트웨어 사용 방법을 공유합니다. 나타나는 WPS 표에서 아래 메뉴 작업을 수행합니다. WPS 양식을 연 후 먼저

Microsoft Word에서 예술적인 페이지 테두리를 추가하는 방법 Microsoft Word에서 예술적인 페이지 테두리를 추가하는 방법 Apr 27, 2023 pm 08:25 PM

항상 Word 문서에 나타나는 기존의 검은색 테두리를 보는 것에 지치셨나요? 문서에 다채롭고 예술적인 테두리를 추가하여 문서를 더욱 매력적이고 재미있게 만드는 방법을 찾고 계십니까? Word 문서의 여러 페이지에 다양한 예술적 테두리를 추가하는 것은 어떻습니까? 아니면 문서의 모든 페이지에 단일 예술 테두리를 한 번에 적용하시겠습니까? 나는 당신이 우리만큼 예술적인 경계에 대해 흥분하고 있다는 것을 알고 있습니다! Word 문서에 예술적 테두리를 성공적으로 적용하는 방법을 알아보려면 이 문서로 바로 이동하세요. 1부: Word 문서의 모든 페이지에 동일한 예술적인 페이지 테두리를 적용하는 방법 1단계: Word 문서를 열고 상단 리본에서 "디자인" 탭을 클릭합니다. 디자인에서 선택하세요

주석 없이 Word 문서를 인쇄하는 방법 주석 없이 Word 문서를 인쇄하는 방법 Apr 18, 2023 pm 02:19 PM

Microsoft Word에서는 특히 문서를 여러 사람이 공유할 때 주석이 중요합니다. 누구나 자신의 의견을 통해 문서 내용에 무엇인가를 추가할 수 있으며, 나중에 참조할 수 있도록 이러한 의견을 보관하는 것이 매우 중요합니다. 하지만 문서를 인쇄해야 할 때 실제로 주석도 인쇄해야 합니까? 어떤 경우에는 그렇습니다. 그러나 다른 경우에는 이는 큰 아니오입니다! 이 기사에서는 Word 문서에 주석을 인쇄하지 않고 쉽게 인쇄하는 방법에 대해 두 가지 솔루션을 설명합니다. 댓글은 숨겨지기만 하며 삭제되지는 않는다는 점을 기억해 주세요. 따라서 여기에서 설명 없이 인쇄하여 문서의 어떤 부분도 위험에 빠뜨리지 마십시오. 너가 좋아하길 바래! 해결 방법 1: 통과

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 부품을 MSRP로 구입할 수 있게 되었고, 이로 인해 많은 사용자가 마침내 꿈의 PC를 만들게 되었습니다. PC를 구축하는 데는 어려움이 있을 수 있으며 작업 중 하나는 화면을 모니터 디스플레이에 맞추는 것입니다. Windows 11에서 모니터에 화면을 맞출 수 없는 경우 알아야 할 모든 사항은 다음과 같습니다. 시작하자. Windows 11에서 모니터링을 위해 화면을 조정하는 5가지 방법 화면을 모니터에 맞게 조정하려면 현재 설정에 따라 해상도, 배율 또는 디스플레이 출력 설정을 조정할 수 있습니다. 시각적 품질과 dpi를 유지하려면 해상도 크기를 조정해 보는 것이 좋습니다. 그러나 이것이 효과가 없다면 시도해 볼 수 있습니다.

WeChat 애플릿에서 드롭다운 메뉴 효과 구현 WeChat 애플릿에서 드롭다운 메뉴 효과 구현 Nov 21, 2023 pm 03:03 PM

WeChat 미니 프로그램에서 드롭다운 메뉴 효과를 구현하려면 구체적인 코드 예제가 필요합니다. 모바일 인터넷의 인기로 인해 WeChat 미니 프로그램은 인터넷 개발의 중요한 부분이 되었으며 점점 더 많은 사람들이 관심을 갖고 주목하기 시작했습니다. WeChat 미니 프로그램을 사용하세요. WeChat 미니 프로그램 개발은 기존 APP 개발보다 간단하고 빠르지만 특정 개발 기술을 숙달해야 합니다. WeChat 미니 프로그램 개발에서 드롭다운 메뉴는 일반적인 UI 구성 요소로, 더 나은 사용자 경험을 제공합니다. 이 기사에서는 WeChat 애플릿에서 드롭다운 메뉴 효과를 구현하는 방법을 자세히 소개하고 실용적인 정보를 제공합니다.

Google 프레젠테이션에서 이미지 투명도를 설정하는 방법은 무엇입니까? Google 프레젠테이션에서 이미지 투명도를 설정하는 방법은 무엇입니까? Apr 25, 2023 pm 06:52 PM

Google 슬라이드에서 이미지의 투명도를 변경하는 방법 Google 슬라이드를 사용하면 이미지를 약간 변경할 수 있습니다. Google 프레젠테이션의 형식 옵션 메뉴를 사용하여 삽입하는 이미지의 투명도 수준을 변경할 수 있습니다. Google Slides의 형식 옵션 메뉴를 사용하여 이미지를 투명하게 만들려면 기존 Google Slides 프레젠테이션을 열거나 새 프레젠테이션을 만듭니다. 프레젠테이션의 슬라이드 중 하나에서 기존 이미지를 선택합니다. 또는 삽입 > 이미지를 누르고 업로드 옵션 중 하나를 선택하여 이미지를 추가하세요. 이미지를 선택한 후 도구 모음에서 형식 옵션 버튼을 누릅니다. 또는 이미지를 마우스 오른쪽 버튼으로 클릭하고 형식 옵션을 선택합니다. 형식 옵션 메뉴

Windows 11에서 검색을 비활성화하는 방법 Windows 11에서 검색을 비활성화하는 방법 Apr 13, 2023 pm 05:28 PM

Windows Search를 비활성화해야 하는 이유는 무엇입니까? 믿거나 말거나, 성가신 Bing 결과를 제거하는 것 외에도 Windows 11에서 검색을 비활성화하면 몇 가지 이점이 있습니다. 이러한 이점에는 하드 드라이브의 컴퓨터 리소스와 공간을 회수하고 전력 소비를 줄이고 진행 중인 백그라운드 작업을 줄이는 것이 포함됩니다. 또한 기능을 비활성화하면 Windows 11로 인해 어려움을 겪고 있는 저가형 PC에 도움이 될 수 있습니다. Windows 11은 시스템 요구 사항이 매우 까다롭습니다. 컴퓨터에서 처리해야 하는 작업량을 줄이면 컴퓨터가 더 원활하고 빠르게 실행될 수 있습니다. 모든 유형의 검색 기능을 비활성화하는 것은 권장되지 않습니다. Windows 검색은 Windows 11에서 가장 효율적입니다.

See all articles