新手求助 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>

...全文
854 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
去掉dialog加载页面中的jquery框架,由于是ajax加载的,会重新覆盖当前页面的所有easyui的jqeury扩展,导致找不到easyui的form对象 建议加载的页面不要加类库文件,放到父页去
(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取最新的EasyUI资源 专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址 我花那么多精力制作出来的 你们鼠标点两下就给我转走了还不注明出处 实在是不厚道 本来就是本着分享精神的 为的就是聚集一点人气和提供一个优良的环境来一起学习进步的 请不要抹杀掉我的热情 谢谢 )   时隔4个月之久 EasyUI终于迎来大版本更新了 本次更新内容诸多 除了常规维护外 还新增了3个新组件 都很实用 详细的可以阅读更新说明 里面给了详细的解读 另外 从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中 并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供 可以用于参考使用 jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement(改进) EasyUI的所有组件已经支持非固定 百分比大小的尺寸设置; menu:添加“showItem” “hideItem”和“resize”方法; menu:基于窗体大小自动调整高度; menu:添加“duration”属性 该属性允许用户自定义隐藏菜单动画的持续时间 以毫秒为单位; validatebox:添加“onBeforeValidate”和“onValidate”事件; combo:从该版本开始combo组件扩展自textbox组件(textbox是1 4中新增的组件); combo:添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性; searchbox:从该版本开始searchbox组件扩展自textbox组件(textbox是1 4中新增的组件); tree:添加“getRoot”方法 用于返回通过“nodeEl”参数指定的节点的顶部父节点元素 注意:官网的英文API中该函数的说明有误 其说明是none 无参数 实际这里是需要参数的 ; tree:添加“queryParams”属性; datetimebox:添加“spinnerWidth”属性; panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” “novalidate”和“queryParams”属性; linkbutton:添加“resize”方法 New Plugin(新组件) textbox:该组件是一个增强的输入字段 它可以让用户非常简单的构建一个表单; datetimespinner:该组件是一个日期和时间的微调组件 它允许我们选择一个特定的日期或时间; filebox:filebox 该组件表单元素中用于上传文件的文件框工具组件 ">(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取

52,792

社区成员

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

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