Question

我正在使用 dx-scheduler，我想调整添加事件表单。在This Example 我添加了 2 个下拉菜单，优先级和类型，我想知道如何将它们的位置更改为在描述之前，如图所示。

这是我添加资源的方式：

*我想知道他们是否可以选择定义订购

  resources: [{
            fieldExpr: "priorityId",
            allowMultiple: false,
            dataSource: priorityData,
            label: "Priority",
             //order:3,
        }, {
            fieldExpr: "typeId",
            allowMultiple: false,
            dataSource: typeData,
            label: "Type",
            //order:4,
        }]

这里是标记

 <div dx-scheduler="options", dx-item-alias="data">
            <div data-options="dxTemplate:{name:'dateCellTemplate'}">

            </div>            
        </div>

Answer 1

唯一的方法是为你的表单 (example from documentation) 做一个自定义模板，通过覆盖实现 onAppointmentFormOpening 函数的表单选项项目，下面是一个例子，我试图重新排序项目以匹配你的需要。

工作link

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        Provider<AuthenticationService>(
          create: (_) => AuthenticationService(FirebaseAuth.instance),
        ),
        StreamProvider(
          create: (context) => context.read<AuthenticationService>().authStateChanges,
        )
      ],
      child: MaterialApp(
        title: 'Transport app',
        theme: ThemeData(
          primarySwatch: Colors.blue,
          visualDensity: VisualDensity.adaptivePlatformDensity,
        ),
        home: AuthenticationWrapper(),
      ),
    );
  }
}

class AuthenticationWrapper extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final firebaseUser = context.watch<User>();

    if (firebaseUser != null) {
      return Welcome();
    }
    return SignInPage();
  }
}

如何使用 dx-scheduler/angularjs 自定义事件添加

1 个答案: