supercredit_com_broker/front-end/js/trail_popup.js

function trail_popup_close(id, event) {
	trail_popup.hide();
}


var trail_form = {
	"view": "popup",
	"id": "trail_popup",
	"css": "trail_popup",
	"position":"center",
	head:"This window can be moved",
	close : true , 
	"modal" :true,
	"move" : true, 
	"width": 800,
    "body": {
        rows: [
            {
				"view": "toolbar",
				"css": "webix_dark",
				"paddingX": 5,
				"cols": [
					{ "view": "icon", "icon": "wxi-plus" },
					{ "view": "label", "label": "Trails" },
					{ "view": "button", "label": "Close", "width": 80 , "click": "trail_popup_close"}
				]
            },
            {
                view:"datatable", 
                editable:true,
                height: 500,
                scroll:true,
                columns:[
                    { id:"org",    editor:"text", header:"Revelant Parties",       fillspace:true},
                    { id:"role",   editor:"select", options:["SFM", "Clients", "Brokers", "BDM", "Referal", "Other"], header: "Role"},
                    { id:"trail",  editor:"text", header:"Trail $",   width :150},
                    { id:"date",   editor:"date", header:"Month", format:webix.Date.dateToStr("%Y-%m-%d"),  width :150},
                    { id:"src",    editor:"select", options:["AA220202.xls", "BB202011bb.PDF", "CCWestPack.DocX", "Manual", "Other"], header:"Data Source (Excel/PDF)",   width :150}
                ],
                data: [
                    { id:1, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
                    { id:2, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
                    { id:3, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:4, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
                    { id:5, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:6, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
                    { id:7, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
                    { id:8, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
                    { id:9, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:10, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
                    { id:11, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:12, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
                    { id:13, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
                    { id:14, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
                    { id:15, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:16, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
                    { id:17, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:18, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
                    { id:19, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
                    { id:20, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
                    { id:21, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:22, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
                    { id:23, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
                    { id:24, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},                    
                    { id:25, org: "",role :"", trail: "",date :"", src: "manual"}
                ]
            }
        ]
    }

};

var trail_popup = webix.ui(trail_form);