对象不支持“datagrid”属性或方法
0
悬赏园豆：5
[已关闭问题]
关闭于 2016-09-13 17:03
我在使用easyUI中的datagrid时，提示“对象不支持“datagrid”属性或方法”。请大神赐教！
以下为html中代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>微信告警推送界面</title>
<script type="text/javascript" src="../../Scripts/jquery.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-easyui-1.4.5/jquery.easyui.min.js"></script> //引用了jquery.js和easyui.js;
<script type="text/javascript" src="../../Scripts/jquery-ui.min.js"></script>
<link href="../../Scripts/jquery-easyui-1.4.5/themes/default/easyui.css" rel="stylesheet" />
<link href="../../Scripts/jquery-easyui-1.4.5/themes/icon.css" rel="stylesheet" />
<script type="text/javascript" src="../../Scripts/jquery-easyui-1.4.5/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-easyui-1.4.5/easyloader.js"></script>
<script src="../../Scripts/WXAlarmPush.js"></script> //引用了我写的脚本；
<script type="text/javascript">
var model = new WXAlarmPush(); //调用方法；
</script>
<style type="text/css">
#left {
float: left;
width: 300px;
border: 2px solid red;
height: 600px;
}
#right {
float: left;
width: 1000px;
border: 2px solid black;
height: 600px;
}
</style>
</head>
<body>
<div id="left">
<div id="WXUserInfo"></div>
<div id="words"></div>
</div>
<div id="right">
<table id="alarm"></table> //此处定义一table；
</div>
</body>
</html>
以下为我写的js代码；
function WXAlarmPush(){
$("#alarm").datagrid({ //此处简单的定义了datagrid,只是调试用；
url: "http://" + $(location).attr("host") + "/services/WXAlarmPush.ashx?action=1",
columns: [[
{ field: 'code', title: 'code', width: 100 },
{ field: 'name', title: 'name', width: 100 }
]]
});
}
调试过程中出现如下错误提示:“对象不支持“datagrid”属性或方法”,请大神指教！
所有回答(1)
0
问题已经解决了。
原因在于：我下载的easyUi压缩文件有问题，我真的是无语了。
更换easyUi文件后，问题迎刃而解。
希望大家引以为鉴。
