Nagare autocomplete input field

by apoirier on April 3rd, 2012

No notes

Syntax: Python

Show lines - Hide lines - Show in textbox - Download

#!/usr/bin/env python
# -*- coding: utf-8 -*-

from __future__ import with_statement
from nagare import component, presentation, ajax

class AutocompleteEdit(object):

def __init__(self, texts):
        self.text = ''
        self.texts = texts

def set_text(self, text):
        self.text = text

def get_items(self, h):
        return '\n'.join([txt for txt in self.texts if self.text in txt])

def end(self, v):
        print '>>>>', v

@presentation.render_for(AutocompleteEdit)
def render(self, h, comp, *args):
    return comp.render(h.AsyncRenderer(), 'async')

@presentation.render_for(AutocompleteEdit, 'async')
def render_async(self, h, comp, *args):

h.head.css_url(ajax.YUI_INTERNAL_PREFIX + '/fonts/fonts-min.css')
    h.head.css_url(ajax.YUI_INTERNAL_PREFIX + '/autocomplete/assets/skins/sam/autocomplete.css')
    h.head.javascript_url(ajax.YUI_INTERNAL_PREFIX + '/yahoo-dom-event/yahoo-dom-event.js')
    h.head.javascript_url(ajax.YUI_INTERNAL_PREFIX + '/connection/connection-min.js')
    h.head.javascript_url(ajax.YUI_INTERNAL_PREFIX + '/animation/animation-min.js')
    h.head.javascript_url(ajax.YUI_INTERNAL_PREFIX + '/datasource/datasource-min.js')
    h.head.javascript_url(ajax.YUI_INTERNAL_PREFIX + '/autocomplete/autocomplete-min.js')

callback_url = h.add_sessionid_in_url(params=(h.register_callback(1,
        self.set_text, False, self.get_items),))

with h.div(id='myAutoComplete', class_='yui-skin-sam'):
        h << h.input(id='myInput', type='text').action(self.end)
        h << h.div(id='myContainer')

h << h.script('''
get_autocomplete = function() {{
    // Use an XHRDataSource
    var oDS = new YAHOO.util.XHRDataSource("{0}");
    // Set the responseType
    oDS.responseType = YAHOO.util.XHRDataSource.TYPE_TEXT;
    // Define the schema of the delimited results
    oDS.responseSchema = {{
        recordDelim: "\\n",
        fieldDelim: "\\t"
    }};
    // Enable caching
    oDS.maxCacheEntries = 5;

// Instantiate the AutoComplete
    var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS);

return {{
        oDS: oDS,
        oAC: oAC
    }};
}}();
'''.format(callback_url), type='text/javascript')

return h.root

class Form(object):
    def __init__(self):
        self.input = component.Component(AutocompleteEdit(['hello', 'world']))

@presentation.render_for(Form)
def render(self, h, *args):
    with h.form:
        h << self.input

return h.root

Nagare autocomplete input field

Leave a Reply