Dropdown in a celltemplate in AngularJS ui-grid - angularjs

I have a grid and in 1 column am only getting 2 values. Either closed or Open. currently it is a normal grid so the user can enter any value. I want to force the user in selecting either Open or Closed from a dropdown rather than him typing. Also i have that grid pre-populated. So already few rows will have values as Closed or Open. So i want the dropdown to be selected when the grid loads. Please help. Thanks.

Related

Widget column bug when the column is hidden

I have a problem with widgetcolumns. When I hide a column, the other widgets in the grid don't work properly. In my application, I need to dynamically hide and show a column of widgets while keeping the other widgets running
My fiddle: https://fiddle.sencha.com/#view/editor&fiddle/3dbk
Select value in tagfield. Press the 'Hide Num Column' button and try select a value in the Phone field. In the console you will see that when we hide a column, onWidgetAttach is run an infinite number of times
Any ideas how to do it right?
If you are using the widget column so you can edit cells I would suggest using
cell editing
or row editing
row editing

Grid Deselect Multiple Checkboxes with shift click

We are trying to get our react ag-grid checkbox functionality to work like gmail where if you shift click multiple checkboxes that are already selected it will deselect them (see screenshot below). The problem is during onRowSelected it will give me the rows that are already selected but I can't find the range that was selected. onSelectionChanged will get me the range selected but doesn't tell me the row that was just selected so that I can get the value to deselect the checkboxes. Anyone have any suggestions?

ExtJS 5 Using a Combobox with a trigger in CellEditing Grid

I am having a issue when using a cell editing grid that has a field that opens a window. The issue is when you open the editor for the field and click on one of the combobox triggers, a window opens, which causes the field to fire validateedit, resulting in the editor closing. I am looking for a way to prevent this. The reason that I am opening a window is that I am giving the user the ability to quickly add a new record to the combobox, without having to go to another place in the system. I am able to get this functionality to work with row editing but my customer does not like they way row editing works.
Here is my fiddle example.

RowEditor crashes when maxLength validation is triggered

I have a Grid with a Row Editing Plugin, within the grid I have one Number Field and maxValue attribute is set to 100 for the field.
However, every time I trigger the maxLength validation, all row editing buttons are crashed and have no responses. I am forced to refresh the page to cancel the row editing mode. Does anyone know how to solve this problem?

How to update a Ext JS 4 grid when popup form is submitted

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. :(

Resources