{"id":18382589,"url":"https://github.com/dimpu/dhtmlxcomponent","last_synced_at":"2025-09-11T23:33:28.962Z","repository":{"id":16841443,"uuid":"19601155","full_name":"dimpu/dhtmlxComponent","owner":"dimpu","description":"DHTMLX component development made easy.","archived":false,"fork":false,"pushed_at":"2015-10-16T16:48:41.000Z","size":224,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T23:39:50.098Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimpu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-05-09T06:15:07.000Z","updated_at":"2014-09-21T05:16:22.000Z","dependencies_parsed_at":"2022-07-15T10:31:01.139Z","dependency_job_id":null,"html_url":"https://github.com/dimpu/dhtmlxComponent","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimpu/dhtmlxComponent","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2FdhtmlxComponent","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2FdhtmlxComponent/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2FdhtmlxComponent/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2FdhtmlxComponent/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimpu","download_url":"https://codeload.github.com/dimpu/dhtmlxComponent/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2FdhtmlxComponent/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263350811,"owners_count":23453337,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T01:06:58.722Z","updated_at":"2025-07-03T15:34:53.888Z","avatar_url":"https://github.com/dimpu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"dhtmlxComponent\n===============\n\nDHTMLX component development made easy.\n\ndocumentation can be found at http://dimpu.github.io/dhtmlxComponent/\n\n* Aravind Buddha [@aravindbuddha](http://twitter.com/aravindbuddha \"Aravind Twitter\"), [github](https://github.com/aravindbuddha \"Aravind Github\") \n\n\n##How to use##\n\u003cp\u003eJust download the file and add it to your project once you done addeding.\u003c/p\u003e\n###Your html###\n\n``` html\n\u003c!doctype html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003eMY DHTMLX COMPONENT\u003c/title\u003e\n    \u003cscript type=\"text/javascript\" src=\"path/to/dhtmlxcomponent.js\"\u003e\u003c/script\u003e\n    \u003cscript type=\"text/javascript\" src=\"path/to/mycomponent.js\"\u003e\u003c/script\u003e\n    \u003cscript type=\"text/javascript\"\u003e\n        var site_url=\"http://yourdomain.com\";\n        //her mycompnent is your component name\n        mycomponent.start({\n            uid: (new Date()).getTime(),//unique id\n            site: site_url,             //current site url\n            app_path: site_url + \"path/to/mycomponent\",//dhtmlx component path\n            dhtmlx_codebase_path: site_url + \"path/to/dhtmlx/\"//path where your dhtmlx core lib reside.\n        });\n    \u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003c!-- content goes here --\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n###mycomponent.js(without dependency)###\n```javascript\n\tdhtmlxcomponent({\n\t\tname:\"myComponent\"\n\t\tmodel:mycomponent_model,\n\t\tinit:function(){\n\t\t//This code runs immidatly.\n\t\t//write all your initilzation here...\n\t\t},\n\t\tgo:function(){\n\t\t\t//other function\n\t\t}\n\t});\n``` \n### mycomponent.js(with dependency)###\n```javascript\n\tdhtmlxcomponent([\n\t\"path/to/dhtmlx.js\",\n\t\"part/to/model.js\",\n\t\"path/to/script.js\"\n\t],{\n\t\tmodel:mycomponent_model,\n\t\tname:\"myComponent\",\n\t\tinit:function(){\n\t\t//This code runs immidatly.\n\t\t//write all your initilzation here...\n\t\t},\n\t\tgo:function(){\n\t\t\t//other function\n\t\t}\n\t});\n``` \n\n## MVC Really? ##\n\nYa! dhxCom really support MVC Pattern. The simplest way is by giving type attribute while createing the component. If you didn't provide any type it will take controller as default type.\n\n```javascript\n\tdhtmlxcomponent({\n\t\tname:\"myComponent\",\n\t\ttype:\"model\", //it can be view,model,contorller\n\t\tinit:function(){\n\t\t\n\t\t}\n\t});\n\n```\n\n##Features##\n* Easy migration when upgrading to next dhtmlx version.\n* Simple dependencey management.\n* Does not load same javascript file from same location.\n* Trackable objects management.\n* Code redundency minimized.\n* Fully MVC pattern.\n* Easy namespace mangement.\n\n\n##The MIT License (MIT)\n\nCopyright (c) 2014 Aravind Buddha\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fdhtmlxcomponent","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimpu%2Fdhtmlxcomponent","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fdhtmlxcomponent/lists"}