Question

Windows 7 x64

aurelia-cli 0.23.0

syncfusion 14.4.20

jquery 3.1.1

我看到了另一个关于此的问题，但它似乎并没有遵循引导程序示例。我相信Syncfusion也应该使用bootstrap示例作为模板进行设置，但我似乎无法让它工作。

我的测试项目只是一个新的aurelia-cli项目，默认设置。我使用ejDatePicker控件作为示例。

aurelia.json 我添加了

    {
        "name": "jsrender",
        "path": "../node_modules/jsrender",
        "main": "jsrender",
        "deps": ["jquery"],
        "exports": "$"
      },
      {
            "name": "syncfusion",
            "path": "../node_modules/syncfusion-javascript",
            "main": "/Scripts/ej/web/ej.web.all.min",
            "deps": ["jquery", "jsrender"],
            "exports": "$",
            "resources": [
              "Content/ej/web/ej.widgets.core.min.css",
              "Content/ej/web/bootstrap-theme/ej.theme.min.css"
            ]
          }

app.html

<template>
  <require from="syncfusion/Content/ej/web/ej.widgets.core.min.css"></require>
  <require from="syncfusion/Content/ej/web/bootstrap-theme/ej.theme.min.css"></require>
  <!--Container for ejDatePicker widget-->
  <input id="startDate" type="text" />
</template>

app.js

export class App {
  constructor(){
    $("#startDate").ejDatePicker();
  }
}

main.js

import 'jquery';
import 'jsrender'
import 'syncfusion'
......

我没有收到任何错误，但控件没有显示。但是，如果我从aurelia.json中删除suncfusion配置，那么$("#startDate").ejDatePicker();会抱怨ejDatePicker无效，所以对我来说这意味着aurelia.json中的配置正在拉入正确的javascript文件。

Answer 1

我有$（“＃startDate”）。ejDatePicker（）;在构造函数而不是attachment（）。在我做出改变后，它正在运作。

如何让aurelia-cli和Syncfusion non aurelia-syncfusion-bridge工作？

1 个答案: