zoukankan      html  css  js  c++  java
  • django-xadmin定制之列表页searchbar placeholder

    环境:xadmin-for-python3 python3.5.2 django1.9.12

    列表页的searchbar如果提供的可搜索字段,都没提示哪个字段可搜索,很不友好,本次定制主要增加input元素的placeholder,定制后见搜索区的提示效果:

    以下为要修改的相关代码:

    1. xadminpluginsfilters.py block_nav_form方法增加search_placeholder

    def block_nav_form(self, context, nodes):
            if self.search_fields:
                search_placeholder = ' '.join([str(get_fields_from_path(self.model, search_field)[-1]._verbose_name) for search_field in self.search_fields])
                context = get_context_dict(context or {})  # no error!
                context.update({
                    'search_var': SEARCH_VAR,
                    'remove_search_url': self.admin_view.get_query_string(remove=[SEARCH_VAR]),
                    'search_form_params': self.admin_view.get_form_params(remove=[SEARCH_VAR]),
                    'search_placeholder': search_placeholder
                })
                nodes.append(
                    loader.render_to_string(
                        'xadmin/blocks/model_list.nav_form.search_form.html',
                        context=context)
                )

    2.  xadmin emplatesxadminlocksmodel_list.nav_form.search_form.html 增加search_placeholder

    {% load i18n %}
    {% if cl.search_fields %}
    <form class="navbar-form navbar-left" action="" method="get">
        <div class="input-group search-group">
        {% if cl.search_query %}
          <span class="input-group-btn"><a class="btn btn-default" href="{{remove_search_url}}">x</a></span>
        {% endif %}
        <input id="searchbar" class="form-control" style="300px" type="text" name="{{ search_var }}" value="{{ cl.search_query }}" placeholder="{% trans 'Search' %} {{search_placeholder}}">
        <span class="input-group-btn"><button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button></span>
        </div>
        {{ search_form_params|safe }}
    </form>
    {% endif %}
  • 相关阅读:
    D. Time to Run【构造】
    P3388 割顶 【求割点个数】
    处女座的测验 素数,构造
    处女座与复读机 DP
    求一个分数小数点后指定位数的数字
    安卓开发创建活动,布局,添加按钮,she使用Toast,设菜单,使菜单相关联等操作
    三进制 处女座的砝码 高精度
    上海高校程序设计联赛 D-CSL的字符串 栈模拟
    区间DP经典 石子合并
    区间DP 洛谷P2858牛奶零食
  • 原文地址:https://www.cnblogs.com/roystime/p/7262985.html
Copyright © 2011-2022 走看看