JavaScript controls getConfigView Examples

Example #1

File: index.js Project: ChenCodes/alloy-widget-drawermenu

// attach event listener to menu button
mainView.menuButton.add(controls.getMenuButton({
	h: '60',
	w: '60'
}));

//Minor changes to click event. Update the menuOpen status;
mainView.menuButton.addEventListener('click',function(){
	$.drawermenu.showhidemenu();
	$.drawermenu.menuOpen=!$.drawermenu.menuOpen;
}); // method is exposed by widget


// get config view as objects
var configView=controls.getConfigView();

//add menu view to ConfigView exposed by widget
configView.menuButton.add(controls.getMenuButton({
                h: '60',
                w: '60'
            }));

//Minor changes to click event. Update the menuOpen status;
configView.menuButton.addEventListener('click',function(){
	$.drawermenu.showhidemenu();
	$.drawermenu.menuOpen=!$.drawermenu.menuOpen;
}); // method is exposed by widget

$.drawermenu.init({
    menuview:menuView.getView(),

Example #2

File: index.js Project: jmaciasportela/skelleton

function Controller() {
    require("alloy/controllers/BaseController").apply(this, Array.prototype.slice.call(arguments));
    this.__controllerPath = "index";
    if (arguments[0]) {
        {
            __processArg(arguments[0], "__parentSymbol");
        }
        {
            __processArg(arguments[0], "$model");
        }
        {
            __processArg(arguments[0], "__itemTemplate");
        }
    }
    var $ = this;
    var exports = {};
    $.__views.index = Ti.UI.createWindow({
        top: 20,
        backgroundColor: "white",
        statusBarStyle: Titanium.UI.iPhone.StatusBar.LIGHT_CONTENT,
        orientationModes: [ Ti.UI.PORTRAIT, Ti.UI.LANDSCAPE_LEFT, Ti.UI.LANDSCAPE_RIGHT, Ti.UI.UPSIDE_PORTRAIT ],
        navBarHidden: true,
        id: "index"
    });
    $.__views.index && $.addTopLevelView($.__views.index);
    $.__views.drawermenu = Alloy.createWidget("com.alcoapps.drawermenu", "widget", {
        id: "drawermenu",
        __parentSymbol: $.__views.index
    });
    $.__views.drawermenu.setParent($.__views.index);
    exports.destroy = function() {};
    _.extend($, $.__views);
    var controls = require("controls");
    var menuView = controls.getMenuView();
    var mainView = controls.getMainView();
    mainView.menuButton.add(controls.getMenuButton({
        h: "60",
        w: "60"
    }));
    mainView.menuButton.addEventListener("click", function() {
        $.drawermenu.showhidemenu();
        $.drawermenu.menuOpen = !$.drawermenu.menuOpen;
    });
    var configView = controls.getConfigView();
    configView.menuButton.add(controls.getMenuButton({
        h: "60",
        w: "60"
    }));
    configView.menuButton.addEventListener("click", function() {
        $.drawermenu.showhidemenu();
        $.drawermenu.menuOpen = !$.drawermenu.menuOpen;
    });
    $.drawermenu.init({
        menuview: menuView.getView(),
        mainview: mainView.getView(),
        duration: 200,
        parent: $.index
    });
    var activeView = 1;
    menuView.menuTable.addEventListener("click", function(e) {
        $.drawermenu.showhidemenu();
        $.drawermenu.menuOpen = false;
        if ("row1" === e.rowData.id) if (1 != activeView) {
            $.drawermenu.drawermainview.remove(configView.getView());
            activeView = 1;
        } else activeView = 1;
        if ("row2" === e.rowData.id) if (2 != activeView) {
            $.drawermenu.drawermainview.add(configView.getView());
            activeView = 2;
        } else activeView = 2;
        Ti.API.info(e.rowData.id);
    });
    $.index.open();
    _.extend($, exports);
}