back to project page

ChenilleKit Demo V1.0.2

code snippet
@Component(parameters = {"value=selected1", "model=literal:silver, orange, yellow, green, blue, black", "event=change",
                         "onCompleteCallback=literal:onCompleteFunction"})
@Mixins({"ck/OnEvent"})
private Select select1;

@OnEvent(component = "select1", value = "change")
public JSONObject onChangeEvent(String value)
{
    JSONObject json = new JSONObject();
    json.put("color", value);
    return json;
}

<script type="text/javascript">
    function onCompleteFunction(response)
    {
        var color = response.evalJSON().color;
        $('result1').style.backgroundColor = color;
        if (color == "black" || color == "blue" || color == "green")
            $('result1').style.color = "yellow";
        else
            $('result1').style.color = "black";
    }
</script>

displays your choosen color

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque consequat purus sed nulla. Proin nunc nunc, vehicula eu, sollicitudin sit amet, condimentum pulvinar, eros. Praesent dui. Pellentesque porta, magna sit amet tristique congue, ligula magna ornare ligula, vitae lobortis dolor lorem vitae purus. Nam convallis turpis non augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas sit amet mi in nisi laoreet consectetuer. Quisque orci sem, tincidunt quis, adipiscing sodales, sagittis egestas, leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum sed turpis in arcu porta consectetuer. Duis arcu erat, porta ut, convallis et, pulvinar a, quam. Aliquam nunc. Pellentesque interdum nibh ac dolor. Vivamus auctor consequat sapien. In odio metus, hendrerit at, ornare in, pellentesque quis, nunc. Aenean ultricies est id lacus. Nam neque. Maecenas cursus rutrum magna. Etiam lacus. Mauris non nunc.
Footer