konyvtar-js
An opensource library/package of code wrappers for ExtJS 6.2.0 GPL
Quickstart
Installation
$ npm install --save konyvtar-js
Usage (NPM):
const kony = require('konyvter-js');
Example (Using express and express-es6-template-engine):
@app.js
const express = ;const es6Renderer = ;const kony = ; const app = ; app;app;app; app; app;
@template.html
Usage (Single File):
@template.html
Running Tests
$ npm test
Documentation
Table of Contents
Features
Component
- query
/** * * Sample Usage: * * * @View * * { * * xtype: 'button', * * reference: 'sample-button' * * } * * * @Controller * * Kony.component.query('button[reference = sample-button]'); * * @param */Konycomponent;
- reference
/** * * Sample Usage: * * * @View * * { * * xtype: 'button', * * reference: 'sample-button' * * } * * * @Controller * * Kony.component.reference('button', 'sample-button'); * * @param * @param */Konycomponent;
Store
- create
/** * * Sample Usage: * * * @Controller * * Kony.store.create('/users', { active: true }, grid, true, 25); * * @param * @param * @param * @param * @param */Konystore;
- tree
/** * * Sample Usage: * * * @Controller * * Kony.store.tree('/menus', { userId: 2 }, grid, true, true); * * @param * @param * @param * @param * @param */Konystore;
- local
/** * * Sample Usage: * * * @Controller * * var employees = [ * * { name: 'John Doe' }, * * { name: 'Jane Doe' } * * ]; * * Kony.store.local(employees); * * @param */Konystore;
Grid
- render
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Name', renderer: Kony.grid.render.default() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Name', renderer: Kony.grid.render.qTip() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Is Active', renderer: Kony.grid.render.checkColumn() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Is Active', renderer: Kony.grid.render.yesNo() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Loan Balance', renderer: Kony.grid.render.currency() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Installment Flat Rate', renderer: Kony.grid.render.accurate() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Birthday', renderer: Kony.grid.render.fullDate() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Birthday', renderer: Kony.grid.render.ymdDate() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Birthday', renderer: Kony.grid.render.dmyDate() } * * ] * * } */Konygridrender; /** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * columns: [ * * { text: 'Birthday', renderer: Kony.grid.render.mdyDate() } * * ] * * } */Konygridrender;
- get
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-grid' * * } * * * @Controller * * Kony.grid.get('sample-grid'); * * @param */Konygrid;
- setup
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-button' * * } * * * @Controller * * Kony.grid.setup('sample-button', '/users', { active: true }); * * @param * @param * @param */Konygrid;
- clear
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-grid' * * } * * * @Controller * * Kony.grid.clear('sample-grid'); * * @param */Konygridclearreference;
- getSelection
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-grid' * * } * * * @Controller * * Kony.grid.getSelection('sample-grid'); * * @param */Konygrid;
- clearSelection
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-grid' * * } * * * @Controller * * Kony.grid.clearSelection('sample-grid'); * * @param */Konygrid;
- getStore
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-grid' * * } * * * @Controller * * Kony.grid.getStore('sample-grid'); * * @param */Konygrid;
- reload
/** * * Sample Usage: * * * @View * * { * * xtype: 'grid', * * reference: 'sample-grid' * * } * * * @Controller * * Kony.grid.reload('sample-grid'); * * @param */Konygrid;
Combobox
- get
/** * * Sample Usage: * * * @View * * { * * xtype: 'combobox', * * reference: 'sample-combobox' * * } * * * @Controller * * Kony.combobox.get('sample-combobox'); * * @param */Konycombobox;
- setup
/** * * Sample Usage: * * * @View * * { * * xtype: 'combobox', * * reference: 'sample-combobox' * * } * * * @Controller * * Kony.combobox.setup('sample-combobox', '/contries', { region: southeast }); * * @param * @param * @param */Konycombobox;
- getRecordById
/** * * * @View * * { * * xtype: 'combobox', * * reference: 'sample-combobox' * * } * * * @Controller * * Sample Usage: Kony.combobox.getRecordById('sample-combobox', 2); * * @param * @param */Konycombobox;
Form
- get
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * Kony.form.get('sample-form'); * * @param */Konyform;
- getValues
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * Kony.form.getValues('sample-form'); * * @param */Konyform;
- loadRecord
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * var employee = { * * data: { name: 'John Doe' } * * }; * * Kony.form.loadRecord('sample-form', employee); * * @param * @param */Konyform;
- setReadOnly
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * Kony.form.setReadOnly('sample-form', true); * * @param * @param */Konyform;
- clear
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * Kony.form.clear('sample-form'); * * @param */Konyformclearreference;
- isValid
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * Kony.form.isValid('sample-form'); * * @param */Konyform;
- getInvalidFields
/** * * Sample Usage: * * * @View * * { * * xtype: 'form', * * reference: 'sample-form' * * } * * * @Controller * * Kony.form.getInvalidFields('sample-form'); * * @param */Konyform;
Button
- get
/** * * Sample Usage: * * * @View * * { * * xtype: 'button', * * reference: 'sample-button' * * } * * * @Controller * * Kony.button.get('sample-button'); * * @param */Konybutton;
- disable
/** * * Sample Usage: * * * @View * * { * * xtype: 'button', * * reference: 'sample-button' * * } * * * @Controller * * Kony.button.disable('sample-button'); * * @param */Konybutton;
- enable
/** * * Sample Usage: * * * @View * * { * * xtype: 'button', * * reference: 'sample-button' * * } * * * @Controller * * Kony.button.enable('sample-button'); * * @param */Konybutton;
Render
- default
/** * * Sample Usage: * * renderer: Kony.render.default(value); * * @param */Konyrender;
- yesNo
/** * * Sample Usage: * * renderer: Kony.render.yesNo(value); * * @param */Konyrender;
- currency
/** * * Sample Usage: * * renderer: Kony.render.currency(value); * * @param */Konyrender;
- accurate
/** * * Sample Usage: * * renderer: Kony.render.accurate(value); * * @param */Konyrender;
- fullDate
/** * * Sample Usage: * * renderer: Kony.render.fullDate(value); * * @param */Konyrender;
- ymdDate
/** * * Sample Usage: * * renderer: Kony.render.ymdDate(value); * * @param */Konyrender;
- dmyDate
/** * * Sample Usage: * * renderer: Kony.render.dmyDate(value); * * @param */Konyrender;
- mdyDate
/** * * Sample Usage: * * renderer: Kony.render.mdyDate(value); * * @param */Konyrender;
- formatDate
/** * * Sample Usage: * * renderer: Kony.render.formatDate(value, 'YYYY'); * * @param * @param */Konyrender;
Ajax
- request
/** * * Sample Usage: * * * @Controller * * Kony.ajax.request('/login', 'POST', { user: john, pass: doe }, function (){}, function (){}, false); * * @param * @param * @param * @param * @param * @param */Konyajax;
Url
- convertObjectToQuery
/** * * Sample Usage: * * * @Controller * * Kony.url.convertObjectToQuery({ user: john, pass: doe }); * * @param */Konyurl;
Task
- create
/** * * Sample Usage: * * * @Controller * * Kony.task.create(function (){}); * * @param */Konytask;
Window
- getHeight
/** * * Sample Usage: * * * @Controller * * Kony.window.getHeight(); */Konywindow;
- getWidth
/** * * Sample Usage: * * * @Controller * * Kony.window.getWidth(); */Konywindow;
Message
- custom
/** * * Sample Usage: * * * @Controller * * Kony.message.custom('Test', 'test', Ext.Msg.YESNO, Ext.Msg.QUESTION, function (){}); * * @param * @param * @param * @param * @param */Konymessage;
- alert
/** * * Sample Usage: * * * @Controller * * Kony.message.alert('test'); * * @param */Konymessage;
- confirm
/** * * Sample Usage: * * * @Controller * * Kony.message.confirm('test', function (){}); * * @param * @param */Konymessage;
- error
/** * * Sample Usage: * * * @Controller * * Kony.message.error('test'); * * @param */Konymessage;
- info
/** * * Sample Usage: * * * @Controller * * Kony.message.info('test'); * * @param */Konymessage;
- *ask
/** * * Sample Usage: * * * @Controller * * Kony.message.ask('test', function (){}); * * @param * @param */Konymessage;
- warn
/** * * Sample Usage: * * * @Controller * * Kony.message.warn('test'); * * @param */Konymessage;
About
Contributing
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.
Related Projects
You might want to checkout these projects:
- NchikotaJS - An opensource tech stack composed of ExpressJS, NodeJS, ExtJS.
- PasserelleJS - An opensource API gateway built with ExpressJS.
Base Contributors
Contributors
Author
Eagan Martin
License
Copyright © 2019, Eagan Martin. Release under the GPL-3.0 License