easyUI小技巧（二）

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

addTab({ title:node.text, closeable:true, content:‘<iframe src="'+url+'" frameborder="0" style="border:0;width:100%;height:99%"></iframe> }); 12345 1)外部调用iframe里面的标签内容 12 <button onclick="console.info($('iframe').contents().find('#frameId'));"/> 1 2)内部调用外部的方法: 12 onclick="parent.getData();" 1

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;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:'不能删除' }); } } 1234567891011121314151617181920212223242526272829303132333435

3、添加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:"****************" } }]] ); 1234567891011121314151617181920212223242526

4、确认对话框：

$.messager.confirm('确认','你真的要删除吗?',function(data）｛ if(data){ } ｝); 12345

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

function editFun(){ var rows=$("#datagrid").datagrid("getChecked"); $('<div/>').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); } }); } 1234567891011121314151617181920212223242526272829303132333435363738

5、更新行  var rows=(‘#datagrid’).datagrid(‘getChecked’);(‘#datagrid’).datagrid(‘updateRow’,{  index:$(‘#datagrid’).datagrid(‘getRowIndex’,rows[0]),  row:result.obj

});

6、获取选中行、行号

var selectes = $("#queryTableList").datagrid("getSelections");   var selected = $("#queryTableList").datagrid("getSelected");   var index = $('#queryTableList').datagrid('getRowIndex',selected);   7、获取url参数设置

var notice_id = $.getUrlVar('notice_id');