yjy_dc_datatable_paginator

Description:

yjy dc datatable paginator

ScreenShot #

Usage #


Add reference to pubspec.yaml.


Import:


import 'package:dc_datatable_paginator/dc_datatable_paginator.dart';
copied to clipboard

Create Model:

class ModelExample {
final int id;
final String name;
final String description;
ModelExample({
required this.id,
required this.name,
required this.description,
});

@override
bool operator ==(Object other) {
if (identical(this, other)) return true;

return other is ModelExample &&
other.id == id &&
other.name == name &&
other.description == description;
}

@override
int get hashCode => id.hashCode ^ name.hashCode ^ description.hashCode;
}
copied to clipboard

Create DcDataTableController:


class MyDataTableController extends DcDataTableController {
MyDataTableController(super.context);

@override
Future<void> onLoadData() async {
//get Data from API
debugPrint("fetch data from api...");
loadding = true;
Future.delayed(
const Duration(seconds: 2),
() {
List<ModelExample> dataList = List.generate(pageSize, (i) {
i++;
return ModelExample(
id: i + (currentPage * 10),
name: "Name ${i + (currentPage * 10)} ",
description:
"Description: Record:${i + (currentPage * 10)} Page: ${currentPage + 1} search: $searchValue ");
});

//set result Data from Api
data = dataList;
//symbolic value
totalRecords = 110;
//close dialog loading
loadding = false;
},
);
}

@override
DataRow getRow(int rowIndex) {
ModelExample model = data[rowIndex];
return DataRow(
cells: <DataCell>[
DataCell(Text(model.id.toString())),
DataCell(Text(model.name)),
DataCell(Text(model.description)),
],
selected: dataSelected.contains(model),
onSelectChanged: (value) {
if (dataSelected.contains(model)) {
dataSelected.remove(model);
} else {
dataSelected.add(model);
}
onLoadData();
});
}
}

copied to clipboard

Create Screen:


class MyHomePage extends StatelessWidget {
final String title;

const MyHomePage({Key? key, required this.title}) : super(key: key);

@override
Widget build(BuildContext context) {
DcDataTableController controller = MyDataTableController(context);

controller.sortColumnIndex = 1;
controller.limitPages = 10;
controller.pageSize = 7;

return Scaffold(
appBar: AppBar(
title: Text(title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
/// Widget Definition
DcDataTable(
controller: controller,
labelPage: 'Page',
labelRecords: 'Records',
labelNoRecords: 'No Records',
showCheckboxColumn: false,
showInputSearch: true,
textInputActionSearch: TextInputAction.search,
columns: [
DataColumn(
label: const Text('Id'),
onSort: (columnIndex, ascending) {
onSortColumn(controller, columnIndex, ascending);
}),
DataColumn(
label: const Text('Name'),
onSort: (columnIndex, ascending) {
onSortColumn(controller, columnIndex, ascending);
}),
DataColumn(
label: const Text('Description'),
onSort: (columnIndex, ascending) {
onSortColumn(controller, columnIndex, ascending);
}),
],
),
],
),
),
);

//record search simulation in an api
}

void onSortColumn(
DcDataTableController controller, int columnIndex, bool ascending) {
List<ModelExample> list = List<ModelExample>.from(controller.data);

if (columnIndex == 0) {
list.sort((m1, m2) => DcDataTableController.compareString(
ascending, m1.id.toString(), m2.id.toString()));
} else if (columnIndex == 1) {
list.sort((m1, m2) =>
DcDataTableController.compareString(ascending, m1.name, m2.name));
} else if (columnIndex == 2) {
list.sort((m1, m2) => DcDataTableController.compareString(
ascending, m1.description, m2.description));
}

controller.data = list;
controller.sortAscending = ascending;
controller.sortColumnIndex = columnIndex;
}
}

copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter