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

问题描述

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

@H_502_0@

@H_502_0@这是我添加资源的方式：

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

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

@H_502_0@这里是标记

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

            </div>            
        </div>

解决方法

唯一的方法是为你的表单 (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();
  }
}