jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
35 lines (22 loc) • 1.76 kB
HTML
<html lang="en">
<head>
<title id='Description'>Angular Grid Component Editing</title>
<base href="./../dist/grid/editing/">
<meta name="description" content="This is an example of editing in Angular 10 Grid."/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
<!-- jQWidgets -->
<script src="./../../../scripts/demos.js"></script>
</head>
<!-- Display the application -->
<body>
<div class="example-description">
This is an example of editing in Angular 10 Grid. In order to enter in edit mode, select a grid cell and start typing, Click or press the F2 key. You can also navigate through the cells using the keyboard arrows or with the Tab and Shift + Tab key combinations. To cancel the cell editing, press the Esc key. To save the changes press the Enter key or select another Grid cell. Pressing the 'Space' key when a checkbox cell is selected will toggle the check state. You can have different editing modes including customize editors. IN addition you can disable the editing for certain rows. There is also an option for full row edit. .
</div>
<app-root>Loading...</app-root>
<script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
</body>
</html>