新手求助 easyui+Uploadify 问题

fjtxwd 2016-11-03 11:32:55
不好意思,只有一点点分数
点击添加按钮打开一个添加内容的dialog,该dialog中使用了uploadify,然后就出错了。提示TYpeError:$(...).form is not a function 。感觉在dialog加了js以后和easyui有冲突。
如果把dialog的js部分删除,一切正常

//添加
function ui_beifen_add() {
$("<div/>").dialog({
id: "ui_beifen_add_dialog",
href: "../Peizhi/ui_beifen_add.html",
title: "添加配置信息",
height: 350,
width: 460,
modal: false,
buttons: [{
id: "ui_beifen_add_btn",
text: '添 加',
handler: function () {
$("#ui_beifen_beifenaddform").form("submit", {
url: "../ashx/AddBeiFen.ashx",
onSubmit: function (param) {
$('#ui_beifen_add_btn').linkbutton('disable'); //点击就禁用按钮,防止连击
param.action = 'add';
if ($(this).form('validate'))
return true;
else {
$('#ui_beifen_add_btn').linkbutton('enable'); //恢复按钮
return false;
}
},
success: function (data) {
var dataJson = eval('(' + data + ')'); //转成json格式
if (dataJson.success) {
$("#ui_beifen_add_dialog").dialog('destroy'); //销毁dialog对象
$.show_warning("提示", dataJson.msg);
$("#ui_beifen_dg").datagrid("reload").datagrid('clearSelections').datagrid('clearChecked');
} else {
$('#ui_beifen_add_btn').linkbutton('enable'); //恢复按钮
$.show_warning("提示", dataJson.msg);
}
}
});
}
}],
onLoad: function () {
$("#ui_beifen_beifenid_add").focus();
},
onClose: function () {
$("#ui_beifen_add_dialog").dialog('destroy'); //销毁dialog对象
}
});
}


dialog代码:


<link href="../scripts/uploadify.css" rel="stylesheet" type="text/css" />
<link href="../scripts/default.css" rel="stylesheet" type="text/css" />

<script src="../scripts/jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="../scripts/swfobject.js" type="text/javascript"></script>

<script src="../scripts/jquery.uploadify.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function () {
$("#file_upload").uploadify({
//开启调试
'debug': false,
//是否自动上传
'auto': false,
'buttonText': '选择文件',
//flash
'swf': "../scripts/uploadify.swf",
//文件选择后的容器ID
'queueID': 'uploadfileQueue',
'uploader': '../ashx/upload.ashx',
'width': '75',
'height': '24',
'multi': false,
'fileTypeDesc': '支持的格式:',
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png;*.doc;*.docx;*.zip;*.rar;*.txt',
'fileSizeLimit': '5MB',
'removeTimeout': 1,

//返回一个错误,选择文件的时候触发
'onSelectError': function (file, errorCode, errorMsg) {
switch (errorCode) {
case -100:
alert("上传的文件数量已经超出系统限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "个文件!");
break;
case -110:
alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小!");
break;
case -120:
alert("文件 [" + file.name + "] 大小异常!");
break;
case -130:
alert("文件 [" + file.name + "] 类型不正确!");
break;
}
},
'onUploadStart': function (file) {
// alert('文件名:' + file.name + '\n大 小:' + file.size)
$('#ui_beifen_peizhiwenjian_add').val(file.name);
},

//检测FLASH失败调用
'onFallback': function () {
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
//上传到服务器,服务器返回相应信息到data里
'onUploadSuccess': function (file, data, response) {
//alert(data);
}
});
});

function doUplaod() {
$('#file_upload').uploadify('upload', '*');
}

function closeLoad() {
$('#file_upload').uploadify('cancel', '*');
}


</script>


<div style="padding: 15px; overflow: hidden">
<form id="ui_beifen_beifenaddform" method="post" action="../ashx/AddBeiFen.ashx">
<table class="tableForm" width="100%">
<tr>
<th>
设备Id:
</th>
<td>
<input type="text" name="ui_weixiu_shebeiid_add" id="ui_weixiu_shebeiid_add" class="easyui-combobox"
data-options="
url:'../ashx/GetAllSheBeiId.ashx',
editable:false,
valueField:'SheBeiId',
textField:'SheBeiId',
multiple:false" autocomplete="off" />
</td>
</tr>

<tr>
<th>
配置文件名称:
</th>
<td>
<input type="text" name="ui_beifen_peizhiwenjian_add" id="ui_beifen_peizhiwenjian_add" class="easyui-validatebox"
data-options="required:true" autocomplete="off" />
</td>
</tr>

<tr>
<th>
选择配置文件:
</th>
<td>
<div id="uploadfileQueue" style="padding: 3px;">
</div>
<div id="file_upload">
</div>
</td>
</tr>

<tr>
<td align="right">
<img alt="" src="../images/BeginUpload.gif" width="77" height="23" onclick="doUplaod()" style="cursor: hand" />
<img alt="" src="../images/CancelUpload.gif" width="77" height="23" onclick="closeLoad()" style="cursor: hand" />
</td>
</tr>

</table>
</form>
</div>

...全文
823 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2016-11-03
  • 打赏
  • 举报
回复
去掉dialog加载页面中的jquery框架,由于是ajax加载的,会重新覆盖当前页面的所有easyui的jqeury扩展,导致找不到easyui的form对象 建议加载的页面不要加类库文件,放到父页去

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧