本文主要介绍jquery easyui开发技巧总结的相关资料,希望通过本文大家能够掌握easyui的开发技巧，需要的朋友可以参考下，希望能帮助到大家。
jQuery EasyUI开发技巧总结
1、使用tabs时，如果使用的不是url，而是content，则要嵌入iframe
addTab({ title:node.text, closeable:true, content:‘ });
登录后复制
1)外部调用iframe里面的标签内容
登录后复制
2)内部调用外部的方法:
onclick="parent.getData();"
登录后复制
2、查询提交表单：
function serarchFun(){//搜索 $("#datagrid").datagrid("load", serializeObject($("#searchForm")));}function cleanFun(){//清空 $("#searchForm input").val(''); $("#datagrid").datagrid("load", {});}function removeFun(){//删除 var rows=$("#datagrid").datagrid("getChecked"); var ids[] = new Array(); if(rows.length>0){ for(var i=0;i3、添加checkbox:
$("#datagrid").datagrid( url:"${rootPath}/user_add.action", idField:'id', checkOnSelect:false, selectOnCheck:true,//选中复选框选中 frozonColumns:[[{ field:'id', title:'编号', width:150, checkbox:true },{ field:'name', title:'登陆名称', width:150, sortable:true }]], columns:[[{ field:'pwd', title:'密码', width:150, formatter: function(){ return:"****************" } }]]);
登录后复制
4、确认对话框：
$.messager.confirm('确认','你真的要删除吗?',function(data）｛ if(data){ }｝);
登录后复制
5、编辑实现动态加载页面
function editFun(){var rows=$("#datagrid").datagrid("getChecked"); $('').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、更新行
var rows=(‘#datagrid').datagrid(‘getChecked');(‘#datagrid').datagrid(‘updateRow',{ index:$(‘#datagrid').datagrid(‘getRowIndex',rows[0]), row:result.obj});
登录后复制
相关推荐：
基于MVC4+EasyUI开发附件上传组件uploadify的使用
以上就是EasyUI开发技巧总结的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2788019.html
