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');
}
}
};
easy-ui curd方法的更多相关文章
- 让Easy UI 的DataGrid直接内嵌的JSON对象,并重写form load 方法
前言 我有这样的JSON对象 { "UserName": "jf", "UserPwd": "123456", &quo ...
- Struts2 easy UI插件
一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...
- Easy UI常用插件使用
一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...
- easy ui插件
简介: easy UI是类似于jQuery UI的插件库 注意:多脚本同时使用时,注意脚本冲突问题. 常用插件: 1.tree插件(tree插件实现动态树形菜单) 2.datagrid插件(datag ...
- easy ui 框架
Easy UI 准备工作(搭建) 1.在WebRoot 的目录下创建js 文件夹,在文件夹中倒入一下两个包 Jquery.easyui.min.js jquery.min.js 2.在WebRoot ...
- ASP.MVC EASY UI 入门之 —— Tree & ComboTree
1.常规的EASY UI的tree和comboTree代码基本是官方的DEMO都有的,虽然很简单,但是还是要实践的做一次,才能更清晰的了解和使用它!先上效果图 因为用的是code first,所以数据 ...
- jQuery Easy UI 开发笔记
1.jQuery Easy UI主要的运行原理是通过核心的代码调用插件来实现UI效果的 2.jQuery Easy UI插件与插件之间的关系是: 一.独立式插件: 独立式插件是指:不与其他的插件具有相 ...
- 第四十四课:jQuery UI和jQuery easy UI
jQuery UI是jQuery官方提供的功能效果和UI样式.作为官方出的东西,它一直没有被人们看重,一是它没有datagrid,tree等UI库必备的东西,二是它修改太过频繁,体积庞大.其实它所有以 ...
- JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单
JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...
- easy ui 如何单个引用其中某个插件?
记录一下这个方法,前端时间一直在纠结这个问题,后来听一些前辈讲解后才恍然大悟,要单独引用某个插件,我们需要重视的是:easyloaer.js ,easy ui的下载包中也有easyloader的dem ...
随机推荐
- checkbox批量删除功能
参考:http://www.jb51.net/article/35338.htm 感谢作者 代码片段:jsp <c:forEach items="${infolist }" ...
- SpringBoot系列十一:SpringBoot整合Restful架构(使用 RestTemplate 模版实现 Rest 服务调用、Swagger 集成、动态修改日志级别)
声明:本文来源于MLDN培训视频的课堂笔记,写在这里只是为了方便查阅. 1.概念:SpringBoot整合Restful架构 2.背景 Spring 与 Restful 整合才是微架构的核心,虽然在整 ...
- Swing AWT一套新的图形界面系统
Swing 是在AWT的基础上构建的一套新的图形界面系统,它提供了AWT 所能够提供的所有功能,并且用纯粹的Java代码对AWT 的功能进行了大幅度的扩充. 例如说并不是所有的操作系统都提供了对树形控 ...
- php 保存文件
$data = file_get_contents("data/3.txt"); $ary = split(',',$data); $test2=serialize($ary); ...
- 使用nginx反向代理解决前端跨域问题
1. 首先去Nginx官网下载一个最新版本的Nginx,下载地址:http://nginx.org/en/download.html.我这里下载的版本是:nginx/Windows-1.12.0.下载 ...
- jquery带token访问接口ajax
1.在公共js里全局设置 //设置全局ajax $.ajaxSetup({ xhrFields: { withCredentials: true } }); 2.登录成功时,设置cookie (注: ...
- vue给input file绑定函数获取当前上传的对象
HTML <input type="file" @change="tirggerFile($event)"> JS(vue-methods) tir ...
- SpringMVC工作原理详解
先来看一下什么是 MVC 模式 MVC 是一种设计模式. MVC 的原理图如下: SpringMVC 简单介绍 SpringMVC 框架是以请求为驱动,围绕 Servlet 设计,将请求发给控制器,然 ...
- 详解BarTender选项大小调整模式
BarTender大小调整模式是DotCode码制独有的符号体系特殊选项.DotCode 符号可能在形状上有所不同,包括从接近正方形的点阵到细长的色带,而“大小调整模式”选项通过指定点阵的配置来确定 ...
- ExtJS中给Tree节点加click事件
第一种: 直接通过TreePanel中的Config Option中的listener来添加,代码如下: var TreePan = new Ext.tree.TreePanel({ id: 'Tre ...