index.js

Visual JS 在线JS编辑器 非常的COOL 在线生成网页和JS代码 自由显示。

Class('App', 'linb.Com',{
    Instance:{
        _input3_onhotkey:function (profile,  key, control, shift, alt, e) {
            this.treegrid2.insertRows([{id:_.id(), cells:[
                e.type, e.keyCode,  e.charCode, key, !!control, !!shift, !!alt
            ]}],'','',true);
        },
        iniComponents:function(){
            // [[code created by jsLinb UI Builder
            var host=this, children=[], append=function(child){children.push(child.get(0))};

            append((new linb.UI.Button)
                .host(host,"button5")
                .setLeft(460)
                .setTop(460)
                .setCaption("Clear output")
                .onClick("_button5_onclick")
            );

            append((new linb.UI.Div)
                .host(host,"div9")
                .setLeft(100)
                .setTop(42)
                .setWidth(162)
                .setHeight(20)
                .setHtml("Type something in the Input:")
            );

            append((new linb.UI.Pane)
                .host(host,"panel3")
                .setLeft(90)
                .setTop(110)
                .setWidth(638)
                .setHeight(330)
                .setCustomStyle({"KEY":"border:solid 1px"})
            );

            host.panel3.append((new linb.UI.TreeGrid)
                .host(host,"treegrid2")
                .setColResizer(false)
                .setRowResizer(false)
                .setColSortable(false)
                .setHeader([{"id":"type", "caption":"type", "type":"label", "width":90}, {"id":"kcode", "caption":"keyCode", "type":"label", "width":80}, {"id":"ccode", "caption":"charCode", "type":"label", "width":80}, {"id":"key", "caption":"key", "type":"label", "width":80}, {"id":"contrl", "caption":"contrl", "type":"checkbox", "width":80}, {"id":"shift", "caption":"shift", "type":"checkbox", "width":80}, {"id":"alt", "caption":"alt", "type":"checkbox", "width":80}])
                .setRows([])
            );

            append((new linb.UI.Input)
                .host(host,"input3")
                .setLeft(270)
                .setTop(40)
                .onHotKeydown("_input3_onhotkey")
                .onHotKeypress("_input3_onhotkey")
                .onHotKeyup("_input3_onhotkey")
            );

            append((new linb.UI.Input)
                .host(host,"input2")
                .setLeft(440)
                .setTop(10)
                .setHeight(90)
                .setMultiLines(true)
                .onHotKeydown("_input3_onhotkey")
                .onHotKeypress("_input3_onhotkey")
                .onHotKeyup("_input3_onhotkey")
            );

            return children;
            // ]]code created by jsLinb UI Builder
        },
        _button5_onclick:function (profile, e, value) {
            this.treegrid2.removeAllRows();
        }
    }
});