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
2
3
4
5

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

 
 
1
2

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

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

 
 
1
2

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:'不能删除'
        });
    }
}
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

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:"****************"
        }
    }]]
);
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

4、确认对话框：

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

    }
｝);
 
 
1
2
3
4
5

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);
            }
    });
}
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

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

});

6、获取选中行、行号

1. var selectes = $("#queryTableList").datagrid("getSelections");  
2. var selected = $("#queryTableList").datagrid("getSelected");  
3. var index = $('#queryTableList').datagrid('getRowIndex',selected);  

7、获取url参数设置

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