Generate a popup by clicking cells in a table? - popup

How can we generate a popup (with configurable size) by clicking on a html table cell? Every cell will have unique id, hence the popup needs to display unique content every time it shows up.
Thanks,
Navin

You can accomplish this using Javascript, jQuery or a plugin, e.g.: http://bootboxjs.com/

Related

jqgrid editGridRow selection list for each cell

In my case, I want the user to pickup the values by clicking on a ">" type image at the end of the cell and a modal window is opened. Within the modal window a dynamic way to pass the value selected back to the cell.
You should look into this answer..instead of having custom button you can have an image button with each cell, in this answer he's adding a custom button in pager, but you can have a custom button with each cell like this.
Now after adding a image button, on click function you can get the value of the column using getCol and open a dialog using jQuery like this and then you can use setCol property of jqGrid to set the value of column.
Now try to write code using this approach. If you get any difficulty let us know.

VIA the GWT places API how do you change the URL/PLACE/Place-Token without reloading the page?

We have a giant table of orders in a GWT page. As users click on an order the bottom half of the page loads the details for that order.
When OnSelect of an entry in the table I could fire a place change event and change the place token from #OrdersPlace: to #OrdersPlace:123 where 123 is the order number. The problem is that would require the entire table to reload as well.
Is there a way to just change the URL from #OrdersPlace: to #OrdersPlace:123 so on a browser refresh I can get back to where I was by reading the Place Token without starting from scratch by reloading the entire activity?
If you are using Gin you can make the view a singleton and just have it hold onto the existing data. Think of it similar to removing the table from the DOM and then just re-adding it.
There are equivalent ways of doing the same thing without using Gin too.

How to refresh a TableViewer in Eclipse RCP Application

I’m using JFace viewer Framework in my eclipse rcp application, I’ve created a Table Viewer, which populates some data .My view has a refresh button below tableviewer, when I select a row in tableviewer and trigger refresh button the selected row still appears in gray color.
Scenario is depicted below
Before selecting a row
After selecting a row
After refresh
In what way can i remove the gray background as in the above figure and make it as 1st image.
My refresh button listener code is simple which has
viewer.refresh();
as a workaround i tried implementing methods like
viewer.getTable().redraw();
viewer.getTable().setRedraw(true);
which doesn't work, is there a solution to refresh it or should I refresh the view totally
Note: My Execution environment is windows xp
That gray line is current, not previous selection. It's gray because table is not in focus. Use setSelection(StructuredSelection.EMPTY).
If you create the table with the style flag SWT.HIDE_SELECTION the table will not show its selection when it loses focus. I.e. it will look like your first image.

How to add a Button to a HeaderSpan in SmartGWT?

I want to add a Button to a HeaderSpan in SmartGWT. At start, the title of the button will be + (Plus), when the user clicks the button, all the rows of the table are shown and the title of the Button becomes - (Minus). There are around 25 columns in the ListGrid hence I want this behaviour.
I have tried using the HeaderSpan.setAttribute("button", new Button("+")) method but it did not work. Please help.
Any other approach to hide/unhide columns will be very much appreciated.
I've watched this link. As per the overview given in the screen, it does provide hide/show of particular column as well as particular headerspan. On right side of each column a dropdown like button is given which is visible on mouse over & serves your purpose. If you want to change it's icon, you can try the following code, where headerMenuButtonIcon is the path of your image:
grid.setHeaderMenuButtonIcon(headerMenuButtonIcon);
Hope this helps you.

Display Additional Form on Update - RadGrid

I'm using a RadGrid for changing record status's. Users have the ability to select a status from a dropdown and update that record with that status. Depending on the status chosen, when the user clicks update I want to popup an additional form so the user can fill out more data required for the update. I'm not sure the best way to go about implementing this. Any suggestions are appreciated.
One way is to use the RadWindow like a modal and pop it up to the user via client-side JavaScript. We use RadWindows in our applications and it works. Or, the RadWindow supports a Nested Grid or View that you can have as a record's child; so you can have the master record, click on the arrow on the left and expand the record to view a nested grid of data, or a custom view (via the NestedViewTemplate property). You can also have the form in a DIV, hide it, then show it via JavaScript too.
Those are two ways.
HTH.