Skip to main content

005 Inbuilt and Custom Template Tag Filter in Django

Inbuilt and Custom Template Tag Filter in Django

Inbuilt Filter

  • One can use in-built filters directly
  • See an example of in-built filters below. data.number is passed from view and 99 is added to the passed value before displaying

index.html

<!DOCTYPE html>{% extends "mainApp/base.html" %}
    {% block body_block %}
        <div class="container">
            <div class="jumbotron">
                <h1>Welcome to a project about users</h1>
                <h2>{{ data.number|add:"99" }}</h2>
            </div>
        </div>
    {% endblock %}

Custom Filter

  • To create a custom filter as per your unique needs follow this process:
  • Inside app folder, create a folder named templatetags
  • Inside templatetags create a blank file named __init__.py. This tells python that templatetags is a package
  • Create another file named my_extras.py. This is where custom filters will be coded
  • The following example will show how to remove the word "World" from a string.

index.html

<!DOCTYPE html>{% extends "mainApp/base.html" %}
    {% block body_block %}
        <div class="container">
            <div class="jumbotron">
                <h1>Welcome to a project about users</h1>
                <h2>{{ data.text|cut:"World" }}</h2>
            </div>
        </div>
    {% endblock %}
  • And the function will be written in app > templatetags > my_extras.py
# Create Own Template Filter
from django import template

register = template.Library()


@register.filter(name='cut')
def cutout(value, arg):
    """    This cuts out all the values of 'arg' from the string!    :param value:    :param arg:    :return:    """    return value.replace(arg, '')

# register.filter('cut', cutout)
  • And that's how we do it

Comments

Popular posts from this blog

Difference between .exec() and .execPopulate() in Mongoose?

Here I answer what is the difference between .exec() and .execPopulate() in Mongoose? .exec() is used with a query while .execPopulate() is used with a document Syntax for .exec() is as follows: Model.query() . populate ( 'field' ) . exec () // returns promise . then ( function ( document ) { console . log ( document ); }); Syntax for .execPopulate() is as follows: fetchedDocument . populate ( 'field' ) . execPopulate () // returns promise . then ( function ( document ) { console . log ( document ); }); When working with individual document use .execPopulate(), for model query use .exec(). Both returns a promise. One can do without .exec() or .execPopulate() but then has to pass a callback in populate.

Two Ways of rendering in React Examples

Two Ways of rendering in React Examples 1 - Render twice HTML < div id = "p1" ></ div > < div id = "p2" ></ div > CSS . person { display : inline - block ; margin : 10px ; border : 1px solid # eee ; box - shadow : 0 2px 2px # ccc ; } JAVASCRIPT (Babel) function Person ( props ) { return ( < div className = ' person "> < h1 >{ props . name }</ h1 > < p > Age :{ props . age }</ p > </ div > ); } ReactDOM . render (< Person name = "VK" age = "29" />, document . querySselector ( '#p1' )); ReactDOM . render (< Person name = "HK" age = "28" />, document . querySselector ( '#p2' )); 2 Render all at once HTML < div id = "app" ></ div > CSS . person { display : inline - block ; margin : 1...

Resolve: Uncaught TypeError: firebase.database is not a function

If you are getting the error: Uncaught TypeError: firebase.database is not a function Resolve it by including firebase-database.js in your html page as follows: <!-- The core Firebase JS SDK is always required and must be listed first --> <script defer src = "https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js" ></script> <script defer src = "https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js" ></script> That is it. Let me know if this was helpful.