使用wjimo的inputtext控件报错

收藏

报错信息：JavaScript runtime error: Script error for: wijmo.wijinputtext
http://requirejs.org/docs/errors.html#scripterror
源码即wijmo3工具包中\Samples\WidgetExplorer\samples\inputtext\format.html我在vs2010建立网站将该页面代码移植于aspx页面更换引用文件路径，代码如下
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta charset="utf-8" />
<title>Input Text - Format</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="First name sample." />
<meta name="keywords" content="" />
<meta name="author" content="ComponentOne" />
<%--theme--%>
<link href="../../Themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" />
<%--Wijmo css--%>
<link href="../../css/jquery.wijmo-pro.all.3.20143.61.min.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/Wijmo/js/require.js" type="text/javascript"></script>
<script src="../../Scripts/Wijmo/js/require.wijmo.config.js" type="text/javascript"></script>

<script id="scriptInit" type="text/javascript">
   require(["wijmo.wijinputtext"], function () {
      $(document).ready(function () {
         $("#textbox1").wijinputtext({
            format: '9'
         });
      });
   });
</script>
</head>
<body class="demo-single">
      <div class="container">
      <div class="header">
         <h2>
            Format</h2>
      </div>
      <div class="main demo">
         
         <input type="text" id="textbox1" />
         <h6>
            Format</h6>
         <p>
            9</p>
         
         <div class="demo-options">
            
            
         </div>
      </div>
      <div class="footer demo-description">
         <p>
            This sample illustrates how you can use the <b>format</b> option to allow only input numbers (0-9).</p>
      </div>
</div>
</body>
</html>
红色字体处报错

Alice · Alice

回复 1楼LJLLY的帖子

你的问题已经收到了。
我需要重现你的问题，然后再看看有没有什么解决方法。
请提供重现该问题的Demo。

LJLLY · LJLLY

我用VS2010建立一个空的MVC2项目，创建HomeController.cs
public class HomeController : Controller
{
      //
      // GET: /Home/

      public ActionResult Index()
      {
         return View();
      }

      public ActionResult InputText()
      {
         return View();
      }

}
再创建对应的View即Index.aspx,InputText.aspx
Index.aspx没别的就是一个跳转到InputText的连接，
InputText.aspx上的代码就是问题上面粘贴的，我就是照搬官网wijmo3下载包Wijmo-Pro.3.20143.61-2\Samples\WidgetExplorer\samples\inputtext\format.html,并将其所需的引用文件添加到项目里重新引用，运行时就会报上述错误，
这个例子本身是演示就是只能输入0-9的数字，但是无法实现

LJLLY · LJLLY

因为文件限制以及网速原因我无法上传项目，这只是我学习wijmo控件建的一个特别简单的项目，我后来用hbuilder也建了一个相同的项目，出错一样，用ie调试发现错误信息

LJLLY · LJLLY

我想我可能知道原因出在哪了，我新建了项目并照搬该示例，只将该示例所需的css,js添加进项目，我观察发现还有很多js文件的引用是在js文件中封装的，我现在的问题就是如果我新建了一个空项目例如MVC我应该如何将我从官网下载的wijmo3文件包中的文件添加进项目，意思就是将那些文件夹目录添加进项目

Alice · Alice

回复 5楼LJLLY的帖子

从“404”的错误来看，没有找到文件路径或是文件相对路径有错误。
也有可能网络不通畅造成的无法下载该文件。
请提供具体的出错的js文件名称，我们可以帮你看看是什么问题。

LJLLY · LJLLY

出错js是官网下载的最新版wijmo3工具包里的Wijmo-Pro.3.20143.61-2\Samples\WidgetExplorer\js\require.js
require.wijmo.config.js" type="text/javascript"></script>出错位置即黑体处
<script id="scriptInit" type="text/javascript">
   require(["wijmo.wijinputtext"], function () {
      $(document).ready(function () {
         $("#textbox1").wijinputtext({
            format: '9'
         });
      });
   });
</script>

LJLLY · LJLLY

还有wijmo3和wijmo5有啥区别，我应该用那个

Alice · Alice

回复 8楼LJLLY的帖子

产品的选择和项目需求相关，我不太清楚你具体的项目是如何的。
就Wijmo5来说，Wijmo 5与之前诸多版本的Wijmo存在着很大的不同，并且完全不相兼容，它包含了一系列截然不同的控件，不同的架构，最为关键的是，它不再对传统浏览器提供支持。与其他同类工具相比，Wijmo 5的控件体积更小，速度更快，并有着更为富足也易于使用的对象模型，整个Wijmo 5库也就300k大小，同类产品则通常比它大10倍左右，Wijmo的控件不是“widgets”，而是真真正正的控件，拥有着更棒的性能。

LJLLY · LJLLY

我又遇到原来的问题了完全进行不下去，只要写形如require(["wijmo.wijinputtext"], function () {的代码就报错

		自动登录	找回密码
密码			立即注册

使用wjimo的inputtext控件报错

22 个回复

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄