首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

yii2组件之下拉框搜索功能示例代码(yii-select2)

简单功能,但是用起来还是蛮爽。分享出来让更多的人有更快开发效率,开开心心快乐编程。 如果你还没有使用过composer,你可就out了,看我教程分享,composer简直就是必备神奇有木有。...更好办啦,以上面的为例,你只需要指定$model->title = ['title1', 'title2'];即可 基本上就是这么回事,我们也就很简单实现了下拉选择并可搜索功能。...举一个例子,我们现在要查询某一个书名,但是我们数据量大概有100W,很简单,这需要我们根据你搜索结果异步获取下拉框里面的数据。未完待续,晚点做进一步说明。...来,上家伙,我们来看看如何使用异步搜索功能,工作中尤其是进行关联数据时候其用途更是大大,方便性嘛,看看就知道了,好用不得了。...我们先来预览下异步搜索效果图 注意哦,图中标记部分是我们通过输入关键词搜索出来,异步这效果呢,我截图上来估计你也看不到效果,动图我还不会,不知道怎么搞,要说具体是啥效果吗,相信大多数人也是明白滴

1.1K20

YII关联字段并搜索排序功能

在上一个项目中因为需要将关联字段显示出来并且搜索排序功能,这个在之前并没有接触过,因此在手册中查找了相关资料把这个需求写出来了,并在有道云做了一些笔记,今天刚好是周末有时间就将它整理成一篇博客吧...需求:A表中有一个字段pt_id关联B表;现在需要在基于A表GII生成CURL基础上,增加A表关联B表字段name值,并且带有搜索排序功能。   ...中设置排序配置 1 //这里存放是可以排序字段 2 //如果A Search已经存在setSort,则其他动,只需要添加新字段就可以了 3 //但是,我yii 2生成Search不存在这个排序...,因此就需要额外添加了 4 //注意:当你search中不存在这个配置时,即表明默认配置里面有设置过,当你在这里添加一个setSort则将会覆盖默认配置,之前默认有排序功能字段将会失效 5 $dataProvider...'form-control' 10 ]), 11 ], 12 //============= 13 ]   此时已经完成一大半了,你访问这个控制器,已经可以看到页面效果了,但是在搜索时候确实失效

94020
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    PHP开启目录引索+fancyindex漂亮目录浏览搜索功能

    前言   不知为何对nginx情有独钟, 最近练习php, 为了方便写代码, 便想要开启nginx目录索引功能, 显然不如Apache开启方便, 几次尝试都崩了… 我这个小白确实有点看不懂nginx...我们都知道在apache下可以配置访问web服务器某个路径时,自动显示其目录下面的文件列表,其实Nginx一点也不比apache弱,它当然也可以实现这个功能,而且还非常容易和简单;(嗯, 确实是这样...nginx自带目录索引,功能简单、样式也不好看, 不得不承认没有Apache默认样式好看, 不够嘿嘿, 广大nginx爱好者, 已经给出了他们解决办法....使用fancyindex插件来做索引,配上一个漂亮主题同时还有搜索功能.   接下来我们一起来配置吧!   ...总结 以上所述是小编给大家介绍PHP开启目录引索+fancyindex漂亮目录浏览搜索功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家

    1.3K21

    实现查询功能Combox控件

    前言 本篇博客接着上篇来说,ComBox还能够实现查询功能。...通过设置ComBox控件AutoCompleteSource属性和AutoCompleteMode属性,能够实现从Combox控件中查询已存在项,自己主动完毕控件内容输入,当用户在Combox控件中输入一个字符时....Combox控件会自己主动列出最有可能与之匹配选项,假设符合用户要求,则直接确认,从而加快用户输入。...AutoCompleteSource.ListItems; } 关键技术 AutoCompleteMode属性 该属性用来获取或设置控件自己主动完毕模式...小结: 通过以上两篇博客,来探索Combox控件索引功能,方便了我们以后输入,尤其是简化了从下拉文本框中选择功能,节省了我们时间。

    1.7K30

    B2实现轮播背景搜索

    B2实现轮播背景搜索 效果站从界面我们可以分析出,这是个轮播+搜索组合形成,也就是我们可以用B2轮播+B2搜索也行成这个样式。那想要达到这个效果需要做些什么呢?...往下看 首先你就要在后后台模块设置增加两个模块,如下 上面我用是轮播大幻灯片+搜索模块 设置如下 轮播内容用 (网址连接+幻灯图片地址+标题(适合外链到其他网站)) 搜索模块只要开启了就 这样配置好了我们回到主页可以看到是这个吊样如下图...这一步完成了,接下来事情就是css样式收尾工作了、 幻灯片样式 注意把zmlb改成你轮播id .slider-height{ width: 100%!...flickity-page-dots .dot { width: 10px; height: 10px; margin: 0 3px; border-radius: 50% } /* 幻灯片样式结束*/ 轮播样式记得把zmss改成你搜索模块...id /*搜索模块样式*/ .search-module-form .search-button-action::after{ content: '搜索'; font-size: 22px; width

    60730

    只使用JS怎么给静态网页添加站内全局搜索功能

    为网页添加搜索模块第三方网站有不少,首先我尝试了一下谷歌站内搜索,让人比较痛苦一个是前几行都是谷歌广告,而且还去不掉,还有一点就是搜索结果只能展示谷歌收录页面,比如我网站加上小语种至少有几千个页面了...解决方案从网上摸索了一圈,终于找到了一种比较简单使用 js 实现搜索功能,经过几番倒腾终于可以成功复现。 效果如下:到这里我们已经初步完成了一个简陋搜索功能...但是当我们页面比较多,比如有300+页面,那么上面光一个搜索功能就需要接近400行代码,每个页面都放入这400行代码,直接300*400,加重服务器负担,影响页面加载速度,维护起来也十分困难。...总结本文介绍了静态页面添加搜索功能问题、解决方案和优化方法,通过实例演示了如何利用 JavaScript 动态加载 XML 中数据实现搜索功能,为需要在静态页面中添加搜索功能读者提供了一定价值参考

    43700

    django 实现简单搜索功能

    搜索是一个复杂功能,但对于一些简单搜索任务,我们可以使用 django model 层提供一些内置方法来完成。...本文将结合 django 模型管理器 filter 方法和 icontains 查询表达式来实现一个简单搜索功能。 以博客为例,博客文章通常包含标题和正文两个部分。...整个搜索过程如下: 用户在搜素框中输入搜索关键词,假设为 “django”,然后用户点击了搜索按钮提交其输入结果到服务器 服务器接收到用户输入搜索关键词 “django” 后去数据库查找文章标题中含有该关键词全部文章...urls.py urlpatterns = [ # 其他 url 配置 url(r'^search/$', views.search, name='search'), ] ---- 当然这样搜索功能是非常简略...使用它我们可以实现更加复杂搜索功能,比如全文检索、按搜索相关度排序、关键字高亮等等类似于百度搜索功能功能十分强大。

    12.4K80
    领券