jQuery 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>   });

1)外部調用iframe里面的標簽內容

<button onclick="console.info($('iframe').contents().find('#frameId'));"/>

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;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:

$("#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");  $('<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);      }  });}