i need to hide the inputEl of a ExtJS 4.2 datefield. I want to hide the input because i have to do a lot of modify of the page when the user select a date from the datepicker.
Anyone know the fast method for do that?
Sorry for the delay and for the horrible form of the question: what i want and what i realize is only to reproduce the behavior of the extjs dateTrigger present in the extjs datefield. I resolve my problem using an HTML button and in the onClick i open an 'Ext.menu.DatePicker'.
Related
I am trying to show a datefield picker manually when a certain condition is met.
Ext.getCmp('datef').getPicker().show();
This is working fine, but the problem is the alignment of the picker. It's always appearing in the center of the browser window but i would like it to appear under the datepicker.
Here is a fiddle https://fiddle.sencha.com/#view/editor&fiddle/1mh5
How can i ensure the picker always appears aligned under the datefield when i manually show it in the code ?
I think it's easier to invoke expand that already has all the functionality of aligning
Ext.getCmp('datef').expand();
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 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.
I'm working on ngGrid, trying to implement editable grid. In this editable grid, I want to handle validations for the data provided as input while editing.
I also want to implement a functionality where if the data in the cell is left empty then the user should not be able to tab to the next cell.
Please let me know if anyone have any idea about this.
Thank you.
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. :(