Coder Social home page Coder Social logo

django-jqtreewidget's Introduction

jqtreewidget

Tree widgets for Django, based on jqTree.

REQUIREMENTS

  • Django (>= 1.6)
  • jQuery (>= 1.8.3)

USAGE

  1. Add jqtreewidget to your INSTALLED_APPS setting like this:

    INSTALLED_APPS = (
        ...
        "jqtreewidget",
    )
    
  2. In your code, define the choices and the tree:

    MY_CHOICES = (
        ("", "--"),
        ("foo", "Foo"),
        ("bar", "Bar"),
        ("baz", "Baz"),
        ("qux", "Qux"),
        ("vim", "Vim"),
        ("dav", "Dav"),
    )
    MY_TREE = (
        ("foo", "Foo", (
            ("bar", "Bar"),
            ("baz", "Baz"),
        )),
        ("qux", "Qux", (
            ("vim", "Vim"),
            ("dav", "Dav"),
        )),
    )
    
  3. In your code, define the fields and widgets:

    from jqtreewidget.widgets import JqTreeWidget
    from jqtreewidget.widgets import JqTreeWidgetMultiple
    
    ...
    
    class MyForm(Form):
    
        my_single_select = ChoiceField(
            label=u"My Single Select",
            required=False,
            initial="",
            choices=MY_CHOICES,
            widget=JqTreeWidget(attrs={"tree": MY_TREE}))
    
        my_multi_select = MultipleChoiceField(
            label=u"My Multi Select",
            required=False,
            initial=(),
            choices=MY_CHOICES[1:],
            widget=JqTreeWidgetMultiple(attrs={"tree": MY_TREE}))
    

CONTRIBUTORS

REMARKS

The widgets in this package use jqTree (http://mbraak.github.io/jqTree/), a tree widget for jQuery. The following files from jqTree are included in this package:

  • jqtreewidget/static/jqtreewidget/css/jqtree.css
  • jqtreewidget/static/jqtreewidget/js/jqtree.js

These files are released under the Apache license (see docs/APACHE.txt).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.