在 MVC 项目中实现 autoNumeric v4

Implementing autoNumeric v4 in MVC Project

我尝试通过nuget管理器安装时出现问题,当我搜索'autonumeric'时,我可以清楚地看到最新版本是1.9.45

当我转到 project site 时,我可以看到版本 1.9.45 已过时。 所以,我想获得版本 4.*,但我不知道如何获得。我也试过 vie npm install 命令,但什么也没有。

我的问题是:如何下载新版本的 autoNumeric 并将其合并到我的 MVC Web 项目中?

步骤:

  1. 从 GitHub 下载 zip link

  2. 解压缩文件夹并导航到 src 文件夹

  3. 将所有文件复制到您的解决方案,例如:Scripts/autoNumeric 文件夹
  4. 将其添加到您的捆绑包中,例如:

    bundles.Add(new ScriptBundle("~/bundles/autoumeric").Include( "~/Scripts/autoNumeric/AutoNumeric.js", "~/Scripts/autoNumeric/AutoNumericDefaultSettings.js", "~/Scripts/autoNumeric/AutoNumericEnum.js", "~/Scripts/autoNumeric/AutoNumericEvents.js", "~/Scripts/autoNumeric/AutoNumericHelper.js", "~/Scripts/autoNumeric/AutoNumericOptions.js", "~/Scripts/autoNumeric/AutoNumericOptions.js", "~/Scripts/autoNumeric/main.js"));

  5. 出于测试目的,在您的 HTML 输入字段中添加:

    <input type="text" id="test" value="" placeholder="something">
    
  6. 初始化文件中的输入字段。例如,您的主 javascript 文件是 main.js(注意:此 main.js 与自动数字文件夹中的 main.js 不同!):

    $(document).ready(function () {
      // Initialization
       new AutoNumeric('#test', { currencySymbol : '$' });
    })
    

这行不通。 问题:我应该从文件夹或 main.js 'sees' autoNumeric/main.js 及其所有模块中导入 ES 模块吗?

如果您可以依赖互联网连接,您应该只使用 CDN

这是 link : https://cdnjs.com/libraries/autonumeric

只需将其导入您的体内,例如:

<script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.1.0/autoNumeric.min.js"></script>

而且你应该会很好地使用它(不要忘记删除无用的文件)。