I'm just wondering if they have provided a options to make table columns show and hide as user preference and save it in table state and load it back when page refreshes.
ctrl.tableState()
upper code only brings the pagination,sorting and search objects as in current table state. How can i implement showing and hide table columns like in jquery Datatable and load it back from the table state object?
Decided to use Jquery Data Table instead with AngularJS ng-repeat
Related
I am using angular datatables. I have used the ng-repeat to to render all the values on DOM.
Let say I am using products as my primary data collection and dummy products as secondary. I am using my primary data collection in ng-repeat.
I did some operations operation dummy data collection and assign the result set to the Primary data collection.
The datatable is reflected in the DOM but it causes screen flicker which looks bad.
Does any one know Why this is happening? Is this the Datatables releated issue or angularjs ng-repeat issue?
NOTE: My data collection has volume size of about 200+ records.
Add this class="table dataTable" to your base table.
Still this will flicker a bit.
Problem here is the datatable is rewriting the dom, first making your default table visible and then binding the datatable ui.
During this time phase the default table you have set appears for a while and then the datatables plugin changes it to its UI.
You just need to replicate your table to look like the datatable ui plugin.
I have a jsff page inside a bounded task flow. It displays a table. Each row of table has an edit icon. on click of which a new jsff page opens containing the information of the selected row ready to be edited.
Here user can update and save the information and check the information back on the first page by clicking a Done button on second page.Pretty much simple.
The problem is I have some complex implementation due to which I should not update the row information through ADF way. I take the information entered by the user and pass it to plane java file. There in the plane java file I instantiate an AM and update the information through this AM.
The problem with this approach is that when I click the Done button to come back on table page to check the saved data, the data on the table is stale.
This seems as If the table is being updated outside the ADF framework and so it is not aware of the underlying the data change hence the ADF UI table is not synced with physical table automatically.
JDev : 11.1.1.7.11
Options tried : Upon click of Done button I tried to requery the VO of ADF table by
1) Clearing the VO cache row and repopulating it
2) Re executing the iterator binding
3) Re executing the iterator binding programatically.
Thanks
We have created report table using angular smart table.When a page is selected and updated the smart table data source. The page selection is still preserved. Not reset to first page.Please specify the method for reset the page selection to first page on data source updation
I have a grid panel that is instantiated on multiple tabs. Each instance of the grid panel has the same columns, but different data. I am trying to use a state manager to save the column settings like column order, and width.
The problem is that ExtJs saves the column's (generated)id in the database for the first tab, and the next tab generates new ids for the columns and can't find state information in the database for those new values. So I can't save and load stateful information.
Edit: I tried using itemIds instead of ids because itemIds are contained within the container so it won't be duplicate id if on multiple tabs. But Ext seems to generate ids if ids are not present, regardless of the itemId property. I added this part in case it gives a better view of what I'm trying to accomplish: The database needs for all tables to have the same id, but Ext needs for them to be different.
The way that I have gotten around this in the past has been like this...
id: 'tab_panel_'+this.somthing_that_is_unique_like_a_table_name
which gives me something like this...
<div id='tab_panel_my_first_table'>other information</div>
<div id='tab_panel_my_second_table'>other information</div>
I have following requirement.
Display data in a table
Clicking on checkbox filter out currently displayed rows by some condition
Clicking on checkbox once again return data appearance to it's previous state
To achieve this I've ovverided method rowQualifies in my ViewObject which is simple SQL based view object to apply my custom filter logic.
When user clicks on checkbox I refresh view object data to apply filter
viewObject.setDoFiltering(true);
viewObject.setQueryMode(ViewObject.QUERY_MODE_SCAN_VIEW_ROWS);
viewObject.executeQuery();
It works perfectly, data set updates without interacting with database and my custom filter logic applies as well.
But when I need to cancel filter it wouldn't work because iterator doesn't contain anymore previous rows, and I can only load them from database but it means that I can lose my changes already made to view object rows.
So, when I do
viewObject.setDoFiltering(false);
viewObject.setQueryMode(ViewObject.QUERY_MODE_SCAN_VIEW_ROWS);
viewObject.executeQuery();
It will return me those rows that were displayed previous time.
If I do
viewObject.setDoFiltering(true);
viewObject.setQueryMode(ViewObject.QUERY_MODE_SCAN_DATABASE_TABLES);
viewObject.executeQuery();
It will return me all rows, but I will lost my changes already made to view object rows.
My questions is how to avoid it? Maybe there is another way of doing this? Maybe it is possible to do something with RichTable to tell it how to filter rows in memory.
Any advices are warmly appricated!
I believe this can be done using ViewCriteria, to filter means to apply a ViewCriteria, and then disable it to view all your data