jQuery EasyUI开发技巧总结

前端之家收集整理的这篇文章主要介绍了jQuery EasyUI开发技巧总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery EasyUI开发技巧总结

1、使用tabs时,如果使用的不是url,而是content,则要嵌入iframe

});

1)外部调用iframe里面的标签内容

2)内部调用外部的方法:

2、查询提交表单:

function removeFun(){//删除
var rows=$("#datagrid").datagrid("getChecked");
var ids[] = new Array();
if(rows.length>0){
for(var i=0;i<rows.length;i++){
ids.push(row[i].id);
}
$.ajax({
url:'${rootPath}/user_delete.action',data:{ids:ids.join(',')},dataType:'json',success:function(data){
$('#datagrid').datagrid('load');
$('#datagrid').datagrid('unselectAll');
$.messager.Show({
title:'提示',msg:data.msg
});
}
})
}else{
$.messager.Show({
title:'提示',msg:'不能删除'
});
}
}

3、添加checkBox:

url:"${rootPath}/user_add.action",idField:'id',checkOnSelect:false,selectOnCheck:true,//选中复选框选中
frozonColumns:[[{
field:'id',title:'编号',width:150,checkBox:true
},{
field:'name',title:'登陆名称',sortable:true
}]],columns:[[{
field:'pwd',title:'密码',formatter: function(){
return:"****"
}
}]]
);

4、确认对话框:

删除吗?',function(data){ if(data){

}
});

5、编辑实现动态加载页面

').dialog({ width:500,height:200,href:'${rootPath}/edit.jsp,modal:true,title:'编辑用户',buttons:[{ text:编辑,handler:function(){ $('#editForm').form('submit',{ url:'${rootPath}/user_edit.action',success:function(data){ var obj = JQuery.parseJSON(data); if(obj.success){ $('#edit_dialog').dialog('close'); } $.messager.show({ title:'提示',msg:obj.msg }); } } } }],onClose:function(){//必须写的 $(this).dialog('destroy'); }, onOpen:function(){ var data = rows[0]; },onLoad:function(){//初始化数据,填充数据 var data = rows[0]; $("#editForm").form("load",data); } }); }

6、更新行

});

希望通过本文能帮助到大家,大家如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/jquery/36126.html

猜你在找的jQuery相关文章