easyUi 页面创建一个toolbar实例

简介: 1.定义toolbar方法pagination : true,pageSize : 10,pageList : [ 5, 10, 15, 20, 50 ],toolbar : toolbarFtt()  2.

1.定义toolbar方法

pagination : true,
pageSize : 10,
pageList : [ 5, 10, 15, 20, 50 ],
toolbar : toolbarFtt()

 

 

2.定义新增方法

function toolbarFtt() {
    if (top.checkRole([ 'LOCK_FORFEITRUE' ])) {
        return [ {
            text : '缴纳保证金',
            iconCls : 'icon-add',
            handler : gridAdd
        } ]
    }
}

 

3.新增方法的具体实现

function gridAdd() {
    var dlg = $('#mydialog').dialog({
        title : '缴纳保证金',
        left:"30%",
        top:"20%",
        buttons : [ {
            text : "确认支付",
            handler : function() {
                confirmSubmit();
            }
        }, {
            text : "关闭",
            handler : function() {
                dlg.dialog('close');
            }
        } ]
    });
    $('#myform').form('reset');
    getPayedWay();//支付方式处理
    getAgency();//查询所有的市场机构id和名称
    $('#mydialog').dialog('open'); // 打开窗口
}

 

4.

function confirmSubmit() {
    if($('#bailClass').combobox('getValue')==1){
        //默认选中第一个
        $('#agencyId').combobox('setValue',0);
    }
    if ($('#myform').form('validate')) {
        $.ajax({
            type : "POST",
            url : top.baseUrl + 'customer/bail/charge',
            data : $('#myform').serialize(),
            dataType : 'json',
            success : function(result) {
                $('#mydialog').dialog('close');
                $('#gridTable').datagrid('reload');
                $('#gridTable').datagrid('unselectAll');
                $.messager.show({
                    title : '提示信息!',
                    msg : '操作成功!'
                });
            },
            error : function(result) {
                
            }
        });

    }
}

 

相关文章
|
6月前
|
JavaScript 前端开发 Java
struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面
struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面
easyui 只刷新当前页面的数据 datagrid reload 方法
$('#refreshbtn').click(function() { $("#t_auclot").datagrid("reload",serializeForm($('#mysearch'))); });   刷新     easyui  datagrid  re...
3983 0
|
5月前
基于EasyUI的后台管理系统页面原型_示例图_下载地址
基于EasyUI的后台管理系统页面原型_示例图_下载地址
34 0
|
JavaScript 前端开发 Java
struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面
struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面
|
JavaScript 前端开发
easyui 后台页面,在Tab中的链接点击后添加一个新TAB的解决方法
1.示例1 新增一个按钮 添加点击事件 onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')" 如: 打开新TAB 这样点击链接后会增加一个新的TAB     2.
1471 0
|
JavaScript 前端开发 安全
扩展EasyUI在页面中马上显示选中的本地图片
在编写前台页面的时候,有时须要将选中的图片夹杂着其它信息一起上传到服务端,在选着本地图片的时候,为了获得更好的效果,须要将该图片显示在页面上。
2513 0
|
JavaScript
Easyui 页面设置加载完成之后,满屏
js文件: if(top.location!=self.location){ top.location.href=self.location; }
1654 0