Grid üzerinde Editte Select çağrısı kaldırıldı
This commit is contained in:
parent
95e6dfbb13
commit
cc0c108dc3
1 changed files with 52 additions and 30 deletions
|
|
@ -28,6 +28,7 @@ import DataGrid, {
|
||||||
GroupItem as GroupItemDx,
|
GroupItem as GroupItemDx,
|
||||||
GroupPanel,
|
GroupPanel,
|
||||||
HeaderFilter,
|
HeaderFilter,
|
||||||
|
IStateStoringProps,
|
||||||
LoadPanel,
|
LoadPanel,
|
||||||
Pager,
|
Pager,
|
||||||
Paging,
|
Paging,
|
||||||
|
|
@ -638,7 +639,7 @@ const Grid = (props: GridProps) => {
|
||||||
|
|
||||||
// DataSource oluştur
|
// DataSource oluştur
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!gridDto || !columnData) return
|
if (!gridDto) return
|
||||||
|
|
||||||
const dataSource = createSelectDataSource(
|
const dataSource = createSelectDataSource(
|
||||||
gridDto.gridOptions,
|
gridDto.gridOptions,
|
||||||
|
|
@ -649,7 +650,46 @@ const Grid = (props: GridProps) => {
|
||||||
)
|
)
|
||||||
|
|
||||||
setGridDataSource(dataSource)
|
setGridDataSource(dataSource)
|
||||||
}, [gridDto, searchParams, columnData])
|
}, [gridDto, searchParams])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!columnData) return
|
||||||
|
|
||||||
|
refListFormCode.current = listFormCode
|
||||||
|
if (!gridRef?.current) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const instance = gridRef?.current?.instance()
|
||||||
|
if (instance) {
|
||||||
|
instance.option('columns', columnData)
|
||||||
|
instance.option('remoteOperations', {
|
||||||
|
groupPaging: true,
|
||||||
|
filtering: true,
|
||||||
|
sorting: true,
|
||||||
|
paging: true,
|
||||||
|
grouping: true,
|
||||||
|
summary: true,
|
||||||
|
})
|
||||||
|
instance.option('dataSource', gridDataSource)
|
||||||
|
instance.state(null)
|
||||||
|
|
||||||
|
const stateStoring: IStateStoringProps = {
|
||||||
|
enabled: gridDto?.gridOptions.stateStoringDto?.enabled,
|
||||||
|
type: gridDto?.gridOptions.stateStoringDto?.type,
|
||||||
|
savingTimeout: gridDto?.gridOptions.stateStoringDto?.savingTimeout,
|
||||||
|
storageKey: gridDto?.gridOptions.stateStoringDto?.storageKey,
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
gridDto?.gridOptions.stateStoringDto?.enabled &&
|
||||||
|
gridDto?.gridOptions.stateStoringDto?.type === 'custom'
|
||||||
|
) {
|
||||||
|
stateStoring.customSave = customSaveState
|
||||||
|
stateStoring.customLoad = customLoadState
|
||||||
|
}
|
||||||
|
instance.option('stateStoring', stateStoring)
|
||||||
|
}
|
||||||
|
}, [columnData])
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const activeFilters = extraFilters.filter((f) => f.value)
|
const activeFilters = extraFilters.filter((f) => f.value)
|
||||||
|
|
@ -838,16 +878,16 @@ const Grid = (props: GridProps) => {
|
||||||
ref={gridRef as any}
|
ref={gridRef as any}
|
||||||
key={`Grid-${listFormCode}-${gridDataSource ? 'loaded' : 'loading'}`}
|
key={`Grid-${listFormCode}-${gridDataSource ? 'loaded' : 'loading'}`}
|
||||||
id={'Grid-' + listFormCode}
|
id={'Grid-' + listFormCode}
|
||||||
dataSource={gridDataSource}
|
// dataSource={gridDataSource}
|
||||||
columns={columnData}
|
// columns={columnData}
|
||||||
remoteOperations={{
|
// remoteOperations={{
|
||||||
groupPaging: true,
|
// groupPaging: true,
|
||||||
filtering: true,
|
// filtering: true,
|
||||||
sorting: true,
|
// sorting: true,
|
||||||
paging: true,
|
// paging: true,
|
||||||
grouping: true,
|
// grouping: true,
|
||||||
summary: true,
|
// summary: true,
|
||||||
}}
|
// }}
|
||||||
height={
|
height={
|
||||||
gridDto.gridOptions.height > 0
|
gridDto.gridOptions.height > 0
|
||||||
? gridDto.gridOptions.height
|
? gridDto.gridOptions.height
|
||||||
|
|
@ -905,24 +945,6 @@ const Grid = (props: GridProps) => {
|
||||||
}}
|
}}
|
||||||
onEditorPreparing={onEditorPreparing}
|
onEditorPreparing={onEditorPreparing}
|
||||||
>
|
>
|
||||||
<StateStoring
|
|
||||||
enabled={gridDto.gridOptions.stateStoringDto?.enabled}
|
|
||||||
type={gridDto.gridOptions.stateStoringDto?.type}
|
|
||||||
savingTimeout={gridDto.gridOptions.stateStoringDto?.savingTimeout}
|
|
||||||
storageKey={gridDto.gridOptions.stateStoringDto?.storageKey}
|
|
||||||
customSave={
|
|
||||||
gridDto?.gridOptions.stateStoringDto?.enabled &&
|
|
||||||
gridDto?.gridOptions.stateStoringDto?.type === 'custom'
|
|
||||||
? customSaveState
|
|
||||||
: undefined
|
|
||||||
}
|
|
||||||
customLoad={
|
|
||||||
gridDto?.gridOptions.stateStoringDto?.enabled &&
|
|
||||||
gridDto?.gridOptions.stateStoringDto?.type === 'custom'
|
|
||||||
? customLoadState
|
|
||||||
: undefined
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
<Export
|
<Export
|
||||||
enabled={gridDto.gridOptions.exportDto?.enabled}
|
enabled={gridDto.gridOptions.exportDto?.enabled}
|
||||||
allowExportSelectedData={gridDto.gridOptions.exportDto?.allowExportSelectedData}
|
allowExportSelectedData={gridDto.gridOptions.exportDto?.allowExportSelectedData}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue