easy-ui curd方法

/**
                       _ooOoo_
                      o8888888o
                      88" . "88
                      (| -_- |)
                      O\  =  /O
                   ____/`---‘\____
                 .‘  \\|     |//  `.
                /  \\|||  :  |||//                 /  _||||| -:- |||||-                 |   | \\\  -  /// |   |
               | \_|  ‘‘\---/‘‘  |   |
               \  .-\__  `-`  ___/-. /
             ___`. .‘  /--.--\  `. . __
          ."" ‘<  `.___\_<|>_/___.‘  >‘"".
         | | :  `- \`.;`\ _ /`;.`/ - ` : | |
         \  \ `-.   \_ __\ /__ _/   .-` /  /
    ======`-.____`-.___\_____/___.-`____.-‘======
                       `=---=‘
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
             佛祖保佑       永无BUG
 *@author xiaojiang 20140826
 *@desc: easyUI treegrid 公共CURL  支持单页面多个实例
 *@example:
 *    var menuSev = new curdClass();
    menuSev.setConf({
        g:$("#_menug"),    //列表id
        f:$("#_menuf"),    //对应表单id
        k:‘mid‘,           //表单主键名称
        api:{              //列表对应的CURD连接
            insert:‘/Admin/MallMenu/save‘,
            update:‘/Admin/MallMenu/save‘,
            del:‘/Admin/MallMenu/delete‘
        }
    });
    menuSev.init();
 * */
var tgcurdClass =  function(){
    var  conf ={
         g:‘‘,
         d:‘‘,
         f:‘‘,
         t:‘tg‘,
         k:‘‘,
         api:{
             insert:‘‘,
             del:‘‘,
             update:‘‘,
         }
    };
    return {
        "set": function( k, v ){
            conf[k] = v;
        },
        ‘get‘: function( k ){
            return conf[k];
        },
        ‘setConf‘:function(obj){
            for( var i in obj )
                this.set(i, obj[i]);
        },
        ‘init‘:function(){
            var me = this;
            me.get(‘g‘).treegrid({
                onClickRow:function( v){
                    me.get(‘f‘).form( ‘load‘, v );
                }
            });
        },
        ‘add‘:function(){
            this.get(‘f‘).form("reset");
            //设置pk为空
            $( "input[name="+this.get(‘k‘)+"]").val("");
        },
        ‘submit‘:function( callback ){
            var $f = this.get(‘f‘);
                _url = this.get(‘api‘)[‘insert‘], me = this;
            if( ‘‘ !== $( "input[name="+this.get(‘k‘)+"]").val() )
                _url = this.get(‘api‘)[‘update‘];
            $f.form(‘submit‘,{
                url: _url,
                onSubmit: function(){
                    return $f.form(‘validate‘);
                },
                success: callback || function( d ){
                     var msg = ‘操作失败‘, ret = eval("("+ d +")");
                     if( ret.status )
                         msg =  ret.info;
                     $.messager.show({
                         title:‘提示‘,
                         msg: msg,
                         timeout:2000,
                         showType:‘slide‘
                     });
                     me.refresh();
                }
            });
        },
        ‘reset‘:function(){
            this.get(‘f‘).form("reset");
            //设置pk为空
            $( "input[name="+this.get(‘k‘)+"]").val("");
        },
        ‘remove‘:function(){
            var me = this, _s = me.get(‘g‘).treegrid("getSelected"),
                k = me.get(‘k‘);

            if( !_s )
                return ;
            $.messager.confirm(‘提示‘,‘确定要删除?‘,function(r){
                var p = {} ,url = me.get(‘api‘)[‘del‘];
                    p[k] = _s[k];
                if (r){
                    $.post( url , p, function(r){
                        if (!r.status){
                            $.messager.show({
                                title: ‘Error‘,
                                msg: r.info
                            });
                        }else{
                            me.refresh();
                            me.reset();
                        }
                    },‘json‘);
                }
            });
        },
        //刷新列表
        ‘refresh‘:function(){
            this.get(‘g‘).treegrid(‘reload‘);
        }
    }
};
时间: 2024-10-14 08:54:50

easy-ui curd方法的相关文章

Jquery Easy UI 实现页面的Loading效果(类似于Android的ProgressDialog)

前言 很常用的一种前端效果,比如当用户点击网页的某个按钮发送了一条异步请求,如果响应时间过长容易导致用户重复点击,一方面影响用户体验一方面容易造成不必要的服务端压力,Easy UI有现成的mask样式,简单封装一下就可以使用,之前查阅搜集了相关资料和文章,发现都介绍的都不是很完整,所以本篇blog就完整的记录一下通过Easy UI快速实现这种效果以及如何集成到项目中. 引入.封装和调用 首先当然是在我们的项目中集成jquery以及easyui的相关资源包,除了jquery的核心js文件,easy

JQUERY EASY UI +TREE +SERVLET 显示菜单的例子

1.准备工作 (1)jquery easy ui (2)mysql数据 (3)eclipse开发环境等等 2.开发前端 <body class="easyui-layout"> <div data-options="region:'north',title:'header',split:true,noheader:true" style="height:60px;background:#666;"><div clas

jQuery Easy UI Tooptip(提示框)组件

我们都知道DOM节点的title属性,Tooptip组件就是比较强大的title,它可以自由的设置自己的样式.位置以及有自己相关的触发事件. 示例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src=&

JavaScript提高:003:easy UI实现tab页面自适应问题

前面说到使用easyUI在asp.net中实现了tab控件效果.http://blog.csdn.net/yysyangyangyangshan/article/details/38307477不过有一个问题,div的宽度太宽了,而且不随页面变化而改变.网上搜索了下,发现很多人也碰到过,而且也有解决的办法.下面看看吧.实现tab的部分代码如下:引用的easyui文件参考上文. <div id="tabTop" class="easyui-tabs"> &

Jquery Easy UI初步学习(二)datagrid的使用

第一篇学的是做一个管理的外框,接着就是数据datagrid绑定了,这里我用asp.net mvc3来做的,主要就是熟悉属性.方法. 打开easyui的demo 就可以看到如下一段代码: 和上篇一样class="easyui-datagrid", data-options="...",这是一样的,其他我在网上查了查,并做了整理 DataGrid 属性 参数名 类型 描述 默认值 title string Datagrid面板的标题 null iconCls strin

JQuery Easy Ui (Tree树)详解

在这里沉重悼念我辛辛苦苦写了4个小时的文章,因为我的失误,没保存,而夭折啦..... 我的痛苦谁能懂? 哎~~~~  吃一见长一智吧! 么的办法啊! 但是,但是!我狠了狠心,咬了咬牙!我决定,再写一遍!!! 谁知道哭的表情怎么写! 我已经无法用言语表达我此时此刻的沉重心情了! (以下内容,身为菜鸟的我是用颤抖的双手敲出来的,忘同志们珍惜!!!!) 记得4个小时之前,我写过一个随笔,它的内容是这样的: 每次写博客,都喜欢在前面和大家分享一些东西,今天要分享的是一个小故事: 一个世界著名的大酒店正在

jQuery Easy UI Panel(面板)组件

panel(面板)组件,跟前面的组件用法几乎都差不多,也是从设置一些面板属性.操作面板触发的事件.我们可针对面板对象的操作方法这三个点去学习. 后面有一些组件要依赖于这个组件. 还有一点跟前面不同的就是面板内容可以请求远程数据. 示例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <s

jQuery Easy UI Draggable(拖动)组件

上文已经提到过了 jQuery EasyUI插件引用一般我们常用的有两种方式(排除easyload加载方式),所以本篇要总结的Draggable组件同样有两种方式加载: (1).使用class加载方式: <div id="box" class="easyui-draggable" style="width:400px;height:200px;background:red;"> 内容部分 </div> (2).JS 加载调

jQuery Easy UI的使用

一.初步认识 1.什么是jQuery Easy UI jQuery Easy UI是一组基于jQuery的UI插件集合,而jQuery Easy UI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面. 官方网站http://www.jeasyui.com 2.jQuery EasyUI有哪些特点 (1).基于 jquery 用户界面插件的集合: (2).源代码加密.商业版付费 (3).使用 EasyUI 你不需要写很多的 javascript 代码,通常只需要写 HTM

easy ui 随笔

1.easy ui ProgressBar <div style="margin:20px 0;"> <a href="#" class="easyui-linkbutton" onclick="start()">Start</a></div> <div id="p" class="easyui-progressbar" style=