Is there a way to append data vs pushing it to a new page when using pagination? I'm basically trying to have a "Load More" button at the bottom and have it add on 5 rows each time it's clicked. Is this possible with Tabulator?
You can create your own paginationElement.
I have implemented same scenario here
Related
I created a custom screen in Acumatica. I have a simple table and a grid to add records to it. The Account Mapping grid works (and it is way more complicated). But on the Branch Mapping grid, when I click the “PLUS” icon, the icon goes grey and no new row is available on the grid.
This is what is looks like after clicking the PLUS icon:
The table is very simple.
When a Company is selected, the view for the grid is
public SelectFrom<ICSBranchMapping>
.Where<ICSBranchMapping.organizationID
.IsEqual<ICSSetup.organizationID.FromCurrent>>.View BranchMapping;
The ICSSetup table is even simpler:
If I create a new record in ICSSetup, it lets me add 1 row to the ICSBranchMapping table
But I cannot add another row.
Here is the DAC for the ICSBranchMapping table
The records in the DB all look fine after adding the 1 row it will allow me to enter.
The action button is a dummy. The code has been commented out to ensure it has nothing to do with the issue.
I forgot to mention, I CAN update the existing row.
I’ve been fighting with this for 2 days. If anyone has any suggestions, please help.
Solved. I added the BranchMapping grid using the customization editor.
It did not include this line in the aspx:
That fixed it. It seems like that should be a default in the Screen Editor.
I am trying to create a table using the Tabulator library, and I'm encountering a problem with accessibility.
Using any of the examples on the Tabulator site which have column sorting, I need to tab into the column and use the space bar or enter key to sort the column (simulating a click or a touch). However, I am unable to use keyboard to access the columns - it appears that only a mouse click is possible.
Are there any settings when declaring my columns that I can use to gain keyboard accessibility to the columns?
This functionality is not built in at present, If you would like to see the functionality added to the library please create a Feature Request
I have a working <kendo-grid> component with 10 visible rows over a data set of 34 rows (approx 4 pages). Sorting and selecting is working as expected.
<kendo-grid [data]="gridView"
[pageSize]="pageSize"
[skip]="skip"
[pageable]="true"
[height]="300"
(pageChange)="pageChange($event)"
[sortable]="{ mode: 'single' }"
[sort]="sort"
[selectable]="true"
(sortChange)="sortChange($event)"
(selectionChange)="selectionChange($event)">
Say I select second row. Then I sort the table and the selection stays on row two but of course it's highlighting a different record. It's always selecting the second row on the grid, which of course, it's what I want.
How do I clear the selected row in my (sortChange) event so at least the user isn't presented with a different selection that they one they already chose. I am open to some kind of data binding attribute for selected row that I could set to null or some property on gridView or even poking around inside #ViewChild .
Any help would be appreciated.
Normal Sort
Ascending Sort
Descending Sort
I had a similar question here: Select grid row item from code
Basically, you also need to select the grid row item from code without user interaction and this is currently not supported in the current beta build of the Kendo UI Angular2 controls.
In my application, I resort to triggering a click event on the row I want to select. :/
I do this in a case where I have 'up' and 'down' buttons to rearrange the grid and want to maintain my selection when I switch items.
var grid = document.getElementById('myGrid');
var rows = grid.getElementsByTagName('tr');
rows[idx].click(); // add one to the desired row index to skip the header row
Here's a (sloppy, minimal) Plunkr of this scenario: http://plnkr.co/edit/09dlqdl0Xchoy0e5zKRq
I am trying to figure out the best approach for something - I have added an additional table to the Sales Order screen as a new tab and it works fine to save records into it. The next thing needed is to potentially explode a value into many lines if it is a certain type. So if they enter a "kit" into my grid/tab - we would want to replace the kit with its components and not have the kit in the grid anymore.
I know how to insert the records etc. My biggest concern is which event to do the work under (field or row level and -ed vs -ing) . I know I could potentially create an endless loop if I don't do it properly.
**edit - I tried using RowInserting - I can cancel the inserting and add my records in there - however it does not trigger the screen to refresh from the cache. If i Save the order - it will display my new rows properly. however, i dont want to do a save in my code. I am also concerned about it triggering another rowinserting.
With rowinserted - it seems to be the same with the screen not refreshing and also i get an error about the row that i deleted.
We had a similar request and what we did is instead of adding the item in grid level and waiting for a trigger, we added a grid tool bar button that pops up a small smart panel to select the kit item, its version and the quantity required. Then we inserted the component lines to the grid with required calculations.
With button click if I am using PXAdapter I am able to read the main master data but it is not reading of the selected grid. For Example, in the Case screen if I want to get the data of selected row in Activities tab, how can I achieve that. Any suggestions?
With below code you can get the currently selected row from the grid
Base.Activities.Current