My grid needs to have 2 columns and second column needs to have a progress bar , status of progress bar and also radio buttons. How do we achieve this in Extjs.
Should this be a component column or a widget column.
I also need to handle json events so that I can change the progress of the progress bar and also set the radio buttons.
Checkout the widget grid in the Kitchen Sink examples:
http://examples.sencha.com/extjs/6.5.0/examples/kitchensink/?classic#widget-grid
You can always bind your progress bar to a viewmodel data value or formula and update it with an interval or web socket.
Related
I wrote a gantt chart using 'dhtmlxGantt' in vue. The data I want to put into the gantt chart is in my database, I get it by 'get' method and put it into a variable called 'data'.
If it is normal flow, you have to draw the event on the gantt chart on the screen with this data, but there is a problem here. The lifecycle section that fetches the data is called 'created', but no events are drawn on the screen. It has been determined that retrieving data from the database is successful.
I think the event that draws a chart on the screen first appears first, then the data is loaded. This is because there is nothing in the variable 'data' before the drawing event is applied to the screen.
How can I generate an event that draws a chart on the screen after the data is loaded? Is this a lifecycle matter? I wonder if anyone has a similar problem.
I am not able to use Symfony2 OROCRM data grid view checkbox for multiple update on single click of a button out side the data grid. And can we set popup on selection of data grid rows in Symfony2 OROCRM ?
Is your screen resolution less then 1920x1080?
You can use horizontal scroll, or just hide some columns and pin this grid.
I have dgrid with paging, 50 rows per page, and using a memory store
The last 2 columns are editable select and filtering select, so when I change page it takes some time.
The problem is that there is not indication to the user that something is happening.
No loading message or a spinning image.
So I want to know if there is an event that fires up before the change of page, so I can manually show a spinner.
So far I have not been able to find such an event.
I used firebug to listen to all click that fires up when I click on the grid, and clicked on the next button to see what will happen.
The only event that fired up was after the rendering of the page. Before the rendering I got nothing.
So how can I show a busy indicator to user when I change page on the dgrid?
A div with the class dgrid-loading is added to the content area of the grid when Pagination loads a new page, and that div spans the full width and height of the content area. You can add styles to this class to add a loading indicator.
You can also add a loading message via the grid's loadingMessage property.
There's an explanation and demonstration of the loading node in the Grids and Stores tutorial in the Customizing Messages section.
I have a tabpanel with 4 lists as child items. When each list is shown I want to load it's data. When I launch the app all 4 show events fire even though only the first tab is active. Is this how it's supposed to be? I could use activeitemchange of the tabpanel to populate the lists but I want to keep the code separate for each list. It doesn't make sense having the tabpanel control it's child items.
There's another event call 'painted' which fires whenever a component as actually shown to the user. I don't know what the difference between 'show' and 'painted' is but this seems to fix my problem.
So I want the ability to change the title of the UINavigationItem from within the app. To be more specific, I want to be able to tap the title on the navigation bar and have it go into edit mode; where I can type in a new title. Is there any way to do this?
It's quite possible and not very hard in fact. Here are the simple steps:
Navigation item allows for custom views in its title
Add a view with a label similar to that of the native navigation item
Add a transparent button (custom button) on top of the label
Add a hidden text field on top of the button
When the button is pressed, hide the label and show the text field - focus on the text field (becomeFirstResponder)
You are in editing mode: now track for "Return" key being pressed, and once that happens set your label text to what has been entered, resign first responder from the text field and hide it, then show the label
If you adjust all the properties of the UI components it will look like your navigation item supports inline editing!