组合搜索框的实现

Posted qiangayz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了组合搜索框的实现相关的知识,希望对你有一定的参考价值。

在当前APP目录下新建templatetags目录:

新建任意名字python名字,然后前端里面的写法是现在html页面开头导入:

{% load filter %}
 <div class="cotent-head1"><i class="fa fa-search" aria-hidden="true"></i>搜索条件</div>
    <div class="cotent-searh" >
        <ul class="nav nav-pills">
        {% filter_all argdict "article_type_id" %}

        {% filterother argdict ‘article_type_id‘ type_choice_list %}

        </ul>
    </div>
    <div class="cotent-searh" >
        <ul class="nav nav-pills">
        {% filter_all argdict "category_id" %}

        {% filterother argdict ‘category_id‘ blogobj.category.all %}

        </ul>
    </div>
    <div class="cotent-searh" >
        <ul class="nav nav-pills">
        {% filter_all argdict "tags__nid" %}

        {% filterother argdict ‘tags__nid‘ blogobj.tag.all %}

        </ul>
    </div>

  

filter文件内容

from django import template
from django.utils.safestring import mark_safe

register = template.Library()


@register.simple_tag
def filter_all(argdict,typeid):
    TYPE_LIST = {‘article_type_id‘:argdict[‘article_type_id‘],
                 ‘category_id‘:argdict[‘category_id‘],
                 ‘tags__nid‘:argdict[‘tags__nid‘],
                 }
    for row in TYPE_LIST.keys():
        if row == typeid:
            TYPE_LIST[row] = 0
    TYPE_LIST = tuple(TYPE_LIST.values())
    if argdict[typeid] == 0:
        ret = ‘<li role="presentation" class="active"><a href="/backend/article-%s-%s-%s-0.html">全部</a></li>‘%TYPE_LIST
    else:
        ret = ‘<li role="presentation" ><a href="/backend/article-%s-%s-%s-0.html">全部</a></li>‘%TYPE_LIST
    return mark_safe(ret)

@register.simple_tag
def filterother(argdict,typeid,typelist):
    TYPE_DICT= {‘article_type_id‘: argdict[‘article_type_id‘],
                 ‘category_id‘: argdict[‘category_id‘],
                 ‘tags__nid‘: argdict[‘tags__nid‘],
                 }
    type_list=[]
    for row in typelist:
        try:
            type_id= row[‘nid‘]
        except Exception:
            type_id = row.nid

        for i in TYPE_DICT.keys():
            if i == typeid:
                    TYPE_DICT[i] = type_id
        list1 = list(TYPE_DICT.values())
        try:
             str1 = row[‘title‘]
        except Exception:
            str1 = row.title
        list1.append(str1)
        TYPE_LIST = tuple(list1)
        if argdict[typeid] == type_id:
            ret = ‘‘‘<li role="presentation" class="item active" >
            <a href="/backend/article-%s-%s-%s-0.html">
            %s</a></li>‘‘‘%TYPE_LIST
        else:
            ret = ‘‘‘<li role="presentation" class="item" >
                        <a href="/backend/article-%s-%s-%s-0.html">
                        %s</a></li>‘‘‘ % TYPE_LIST
        type_list.append(ret)
    type_str = ‘‘.join(type_list)
    return mark_safe(type_str)

  

以上是关于组合搜索框的实现的主要内容,如果未能解决你的问题,请参考以下文章

用于获取组合框的选定文本的 PHP 代码

将组合框的值作为字段传递

C#中如何实现百度搜索框的效果

带组合框的用户表单-输入密钥行为

组合框的问题

淘宝搜索框的实现