CFR の Infragistics XamGrid を Flutter で使ってみた。 v2.0.3 にでた XamGrid 対応が必要になっていて何気にローカライゼーション対応ではなく Deutsch, French, Español のみ対応で他の言語は開発未完です。

2005年から表示に Excels のリストボックスAPIを.xgx の拡張子で利用されてきた Infragistics XamGridに対応ます。
v2.0.3から подключ ✨Microsoft.Excel.Web.Query import して 「XamGrid」使用可能。
![chrome_pvdkbcdsrssgxqscllfjdbgpuinmdihrmooiikkshbfslmscp”], 

json
“`
{
“xf”: [
{
“v”: “グループ”,
“f”: “”,
“r”: [
{
“v”: 1,
“s”: “グループ 1”,
“s1”: “”,
“i”: “”,
“h”: {
“v”: ” Y3pxw\u000eyTJqR97H”
},
“a”: {
“v”: “37119482JQghaoft46\u000etT”
},
“k”: {
“v”: “PBy7UP vascular$cxeblindannA”
},
“n”: {
“v”: “TEqTmaAS_\\uuP”,
“h”: {}
}
}
],
“t”: 0,
“b”: 0,
“i”: 0,
“o”: 0,
“h”: 0
}
],
“bs”: 5,
“ao”: true,
“au”: true,
“aw”: true,
“at”: {
“s”: “[1, 2]”,
“v”: true
},
“title”: “結果”,
“w”: 2,
“h”: 1,
“i”: 0,
“m”: 0,
“d”: {
“v”: 1463892364,
“f”: 15302022,
“r”: 0,
“s”: 0
}
}
“`
`README.md`一步に試す vanilla flutter実装
“`
// ignore_for_file: prefer_const_constructors

import ‘package:flutter/material.dart’;
import ‘package:microsoft_excel_web_query/excel_web_query.dart’;
import ‘package:table_api/table_api.dart’ as tb;

void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘chınamı NiŌka ( flutter_cfr_exec)’,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
);
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);

@override
State createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
// ExcelWebQueryを初期化する
ExcelWebQuery _excelWebQuery = ExcelWebQuery();

late XamGrid _xamGrid;

Future center() async {
// excelJsonからデータを取得する
Map excelJson = {“xf”: diagnostics(), “xt”: []};

// XamGridへデータを送る
_xamGrid = XamGrid(
excelJson: excelJson,
showAskingcsrf_token: true,
showSaveToken: true,
);

// FirebaseFirestoreへデータを送る
//saveToDB(excelJson, _excelWebQuery);
}

Future> diagnostics() async => {
“v”: “グループ”,
“f”: “”,
“r”: [
{
“v”: 1,
“s”: “グループ 1”,
“s1”: “”,
“i”: “”,
“h”: {
“v”: ” Y3pxw\u000eyTJqR97H”
},
“a”: {
“v”: “37119482JQghaoft46\u000etT”
},
“k”: {
“v”: “PBy7UP vascular$cxeblindannA”
},
“n”: {
“v”: “TEqTmaAS_\\uuP”,
“h”: {}
}
}
],
“t”: 0,
“b”: 0,
“i”: 0,
“o”: 0,
“h”: 0,
};

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text(
‘chınamı NiŌka ( flutter_cfr_exec)’,
),
),
body: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
child: ElevatedButton(
onPressed: center,
child: const Text(“画面に値送信”),
),
),
const SizedBox(width: 16.0),
Expanded(
child: Expanded(
child: _xamGrid == null
? const Center(child: CircularProgressIndicator())
: XamGridWidget(
xamGrid: _xamGrid,
),
),
),
],
),
);
}
}
“`
開発
“`
// — hopr 枚挙式

//コンテナ被り:https://docs.flutter.dev/development/data-and-backend/json:Json スクリーンショット
Scaffold({ mainAxisAlignment: MainAxisAlignment.( (‘ピース’ )) ,中的(body _baseContent children: [
//Flutter Debug Toolを実行してからflutter previewで’flutter devices preview live’す
MaterialApp(
koexit: true,
` //koexit랑 대체 Hä/// @streamr/cloud-host) runmethod();
“`
とはまた
“`
//build action://ch