Code in Fiddle: https://fiddle.sencha.com/#view/editor&fiddle/281k
How to reproduce this code in Sencha Architect 4?
More precisely, how to add items to column? I found items only in Action columns.
You need to to add custom property to the column. Steps:
Add Grid panel
Add simple grid column
Select the column, in the filter of configs, write items and click ADD button
Now just find this new config and edit it
Here it's explained in tutorial https://youtu.be/2wTAdPaG2Xk?t=414, I highly recommend watching whole video, there are some cool tricks.
Related
Think my database have 6 fields. I only show 4 fields and it's data in grid using kendo UI.
I also add toolbar to that grid(Buttons that add and edit for data). When I click that Edit button the iframe only show that 4 fields that show in the grid. But I need to add extra field to that iframe. So is that can do in kendo UI ???
If can someone suggest a way to do that ??
I also using AngularJS to this project...
Finally I found the answer for this.....
I feel that I had search a wrong way..
The answer in here ...Answer
I am trying to implement a ExtJS based grid where users would change column data or enter empty columns. Is there a way to show/enter contents as bullet points on ExtJS grid cell like we usually do in Excel?
Thanks in advance
Check this fiddle - https://fiddle.sencha.com/#fiddle/mpl
The Idea is to use htmleditor as the column editor in your grid. However, there'll be quite a lot of work involved in positioning and styling when the html editor opens up for editing.
The fiddle that I created contains just the editor with no styling so it doesn't open good. And when you try, try editing the first column in third row data.
I need a project about it ,thank you.I am using Ext.grid.gridpanel.As in rowclick event, we can handle row click of grid..Is there any event to handle column click of grid?
i want to select a particular column of grid.
You are looking for headerclick. Also for any more questions like this just look through the extjs documentation per your version. Sencha documents it very well.
Is there a way to add a column to a grid panel dynamically in Ext JS 3.4?
I'm trying to add a Row Expander column to my grid panel.
Like the one here (The first plugin)
I can do it by modifying the ui.js and manually adding a column (Like the one in the code behind), but I'm trying not to.
Any workaround would be highly appreciated!
Edit: I found this for Ext JS 4. Something similar in 3.4?
In 3.4 you have to use reconfigure method on the grid:
http://docs.sencha.com/ext-js/3-4/#!/api/Ext.grid.GridPanel-method-reconfigure
Please point me to an Ext JS 4 code sample of a grid with records editable via a popup form. It seems to be a common use case, but I can only find editable grids with editing in place.
My approach:
Each row in the grid has an Edit button, which shows Ext.window.Window with an item Ext.form.Panel.
When the form is submitted I have all the fields, which correspond to a record in the grid store.
I get record using:
var storeRecord = grid.getStore().getAt(index);
But when I modify properties of this record, and hide the form window, the grid does not show updated values.
Am I missing some step? Do I need to force refresh? Or maybe there is a standard way to configure the grid with an editor as a form panel?
After two days of searches, trials and errors, I found the solution:
grid.getView().refresh();
I wish there was a faster way for Ext learning curve. :(