extJs simple grid 수정가능
<html> <head> </head> <link rel="stylesheet" type="text/css" charset="UTF-8" href="./theme-gray-all.css" /> <style type="text/css"> </style> <script type="text/javascript" charset="UTF-8" src="./ext-all.js"></script> <body> <script language='javascript' > Ext.onReady(function(){ Ext.define('User', { extend: 'Ext.data.Model', fields: [ 'name', 'email', 'phone' ] }); var userStore = Ext.create('Ext.data.Store', { model: 'User', data: [ { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' }, { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' }, { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' }, { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' } ] }); Ext.create('Ext.grid.Panel', { renderTo: document.body, store: userStore, width: 400, height: 200, title: 'Application Users', editable : true, columns: [ { text: 'Name', width: 100, sortable: false, hideable: false, dataIndex: 'name' }, { text: 'Email Address', width: 150, dataIndex: 'email', hidden: true }, { text: 'Phone Number', flex: 1, dataIndex: 'phone', editor: { xtype:'textfield', allowBlank:false }, editable: true } ], plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }) ] }); }); </script> <title>Simple Grid Sample for ExtJs</title> </body> </html> |
'[.js][software]' 카테고리의 다른 글
| [jqGrid] 특정 셀 마우스다운하고 다른 셀에 마우스 업하면 값 이동 (0) | 2017.09.11 |
|---|---|
| [jqGrid] simple Grid (local) (0) | 2017.09.08 |
| [extJs] Mouse down the cell value and put it in the mouse-up cell (0) | 2017.09.08 |
| [extJs] simple gird (0) | 2017.09.08 |
| [extJs] 텍스트 필드에 값 붙여 넣으면 읽어서 치환. (0) | 2017.09.07 |
