This commit is contained in:
@@ -28,7 +28,7 @@ How it works:
|
|||||||
Replace current filter icon with column order visiblity icon and just keep as is in UI of datatable (modify columnview ui as per below)
|
Replace current filter icon with column order visiblity icon and just keep as is in UI of datatable (modify columnview ui as per below)
|
||||||
|
|
||||||
ColumnView UI
|
ColumnView UI
|
||||||
UI opens up to same type of form as current ay-data-list-view but with only the columns visibility and order settable, no need for names it's user default
|
UI opens up to same type of form as current ay-data-list-column-view but with only the columns visibility and order settable, no need for names it's user default
|
||||||
after changes just saves as users sole default for that listkey,userid combo easy peasy
|
after changes just saves as users sole default for that listkey,userid combo easy peasy
|
||||||
Server sends columnorder and sort anyway so no need to do antyhing but trigger a fetch of the datatable data
|
Server sends columnorder and sort anyway so no need to do antyhing but trigger a fetch of the datatable data
|
||||||
|
|
||||||
@@ -42,7 +42,7 @@ How it works:
|
|||||||
Filter from atop each grid column by clicking a button there which opens FILTER UI
|
Filter from atop each grid column by clicking a button there which opens FILTER UI
|
||||||
FILTER COLUMN WIDGET
|
FILTER COLUMN WIDGET
|
||||||
filter button beside each filterable column header
|
filter button beside each filterable column header
|
||||||
Ui contains filtering settings for that column and shows existing, basically same as filter portion of existing ay-data-list-view.vue
|
Ui contains filtering settings for that column and shows existing, basically same as filter portion of existing ay-data-list-column-view.vue
|
||||||
has accept / cancel buttons, on accept immediately updates current filter (named or default) filter collection object in it's entirety
|
has accept / cancel buttons, on accept immediately updates current filter (named or default) filter collection object in it's entirety
|
||||||
FILTER DROPDOWN
|
FILTER DROPDOWN
|
||||||
Defaults to default filter on page open
|
Defaults to default filter on page open
|
||||||
@@ -111,7 +111,7 @@ todo: column order and sort disentaglement from "filter" is first order of busin
|
|||||||
columndata and code on getdata coming from server are working code that doesn't need changing it's all about what gets persisted and SENT TO the server on post datalist
|
columndata and code on getdata coming from server are working code that doesn't need changing it's all about what gets persisted and SENT TO the server on post datalist
|
||||||
|
|
||||||
Changes:
|
Changes:
|
||||||
Modify ay-data-list-view.vue to only handle column order and save to the server as the singleton default.
|
Modify ay-data-list-column-view.vue to only handle column order and save to the server as the singleton default.
|
||||||
No need to persist anything locally in store or session, gzdatatable will pick it up from the server itself on refresh
|
No need to persist anything locally in store or session, gzdatatable will pick it up from the server itself on refresh
|
||||||
remove all filter and sort aspects so it's only concerned with column order and visibility.
|
remove all filter and sort aspects so it's only concerned with column order and visibility.
|
||||||
Change outer icon from a filter to whatever represents column order selection
|
Change outer icon from a filter to whatever represents column order selection
|
||||||
|
|||||||
@@ -527,7 +527,7 @@ export default {
|
|||||||
},
|
},
|
||||||
editListView() {
|
editListView() {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "ay-data-list-view",
|
name: "ay-data-list-column-view",
|
||||||
params: {
|
params: {
|
||||||
dataListKey: this.dataListKey,
|
dataListKey: this.dataListKey,
|
||||||
formKey: this.formKey,
|
formKey: this.formKey,
|
||||||
|
|||||||
@@ -94,11 +94,11 @@ export default new Router({
|
|||||||
import(/* webpackChunkName: "ay-common" */ "./views/ay-customize.vue")
|
import(/* webpackChunkName: "ay-common" */ "./views/ay-customize.vue")
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/data-list-view/:dataListKey/:formKey/:listViewId",
|
path: "/data-list-column-view/:dataListKey",
|
||||||
name: "ay-data-list-view",
|
name: "ay-data-list-column-view",
|
||||||
component: () =>
|
component: () =>
|
||||||
import(
|
import(
|
||||||
/* webpackChunkName: "ay-common" */ "./views/ay-data-list-view.vue"
|
/* webpackChunkName: "ay-common" */ "./views/ay-data-list-column-view.vue"
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -412,8 +412,8 @@
|
|||||||
/* Xeslint-disable */
|
/* Xeslint-disable */
|
||||||
////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||||
|
|
||||||
const FORM_KEY = "ay-data-list-view";
|
const FORM_KEY = "ay-data-list-column-view";
|
||||||
const API_BASE_URL = "data-list-view/";
|
const API_BASE_URL = "data-list-column-view/";
|
||||||
let JUST_DELETED = false;
|
let JUST_DELETED = false;
|
||||||
export default {
|
export default {
|
||||||
//unsaved changes are actually valid for this form so no need to warn
|
//unsaved changes are actually valid for this form so no need to warn
|
||||||
@@ -927,7 +927,7 @@ function generateMenu(vm) {
|
|||||||
readOnly: vm.formState.readOnly,
|
readOnly: vm.formState.readOnly,
|
||||||
icon: "$ayiFilter",
|
icon: "$ayiFilter",
|
||||||
title: "DataListView",
|
title: "DataListView",
|
||||||
helpUrl: "form-ay-data-list-view",
|
helpUrl: "form-ay-data-list-column-view",
|
||||||
formData: {
|
formData: {
|
||||||
ayaType: window.$gz.type.FormCustom,
|
ayaType: window.$gz.type.FormCustom,
|
||||||
formCustomTemplateKey: undefined,
|
formCustomTemplateKey: undefined,
|
||||||
@@ -1282,9 +1282,7 @@ async function setEffectiveListView(vm) {
|
|||||||
} else if (vm.listViewId == 0) {
|
} else if (vm.listViewId == 0) {
|
||||||
//get default list view
|
//get default list view
|
||||||
//http://localhost:7575/api/v8/DataListView/default/TestWidgetDataList
|
//http://localhost:7575/api/v8/DataListView/default/TestWidgetDataList
|
||||||
let res = await window.$gz.api.get(
|
let res = await window.$gz.api.get(API_BASE_URL + vm.dataListKey);
|
||||||
"data-list-view/default/" + vm.dataListKey
|
|
||||||
);
|
|
||||||
|
|
||||||
if (res.error) {
|
if (res.error) {
|
||||||
// throw new Error(res.error);
|
// throw new Error(res.error);
|
||||||
@@ -1295,7 +1293,7 @@ async function setEffectiveListView(vm) {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
//listview has an id value
|
//listview has an id value
|
||||||
let res = await window.$gz.api.get("data-list-view/" + vm.listViewId);
|
let res = await window.$gz.api.get(API_BASE_URL + vm.listViewId);
|
||||||
if (res.error) {
|
if (res.error) {
|
||||||
//throw new Error(res.error);
|
//throw new Error(res.error);
|
||||||
throw new Error(window.$gz.errorHandler.errorToString(res, vm));
|
throw new Error(window.$gz.errorHandler.errorToString(res, vm));
|
||||||
@@ -1412,7 +1410,7 @@ function initDataObject(vm) {
|
|||||||
// if (window.$gz.dev) {
|
// if (window.$gz.dev) {
|
||||||
// if (vm.obj.editView.length != vm.fieldDefinitions.length) {
|
// if (vm.obj.editView.length != vm.fieldDefinitions.length) {
|
||||||
// throw new Error(
|
// throw new Error(
|
||||||
// "ay-data-list-view::initDataObject - working array length not equal to total field definition length"
|
// "ay-data-list-column-view::initDataObject - working array length not equal to total field definition length"
|
||||||
// );
|
// );
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
@@ -1503,7 +1501,7 @@ function getDisplayForFilter(
|
|||||||
if (filterOperator == null || filterValue == null) {
|
if (filterOperator == null || filterValue == null) {
|
||||||
// if (window.$gz.dev) {
|
// if (window.$gz.dev) {
|
||||||
// throw new Error(
|
// throw new Error(
|
||||||
// "ay-data-list-view::getDisplayForFilter Value filter missing one ore more of Operator, Value"
|
// "ay-data-list-column-view::getDisplayForFilter Value filter missing one ore more of Operator, Value"
|
||||||
// );
|
// );
|
||||||
// }
|
// }
|
||||||
return "";
|
return "";
|
||||||
Reference in New Issue
Block a user