最主要的easyCrud.js代码如下:
$(function(){ $('#ff').hide(); $('#tt').datagrid({ title:'datagrid增删查该小例子', iconCls:'icon-save', width:500, height:350, //pageSize:5, pageList:[5,10,15,20], nowrap:false, striped: true, collapsible:true, url:'easyAction.action', loadMsg:'数据装载中......', sortName:'code', sortOrder:'desc', remoteSort:false, frozenColumns:[[ {field:'ck',checkbox:true} ]], columns:[[ {title:'学号',field:'id',width:'50',rowspan:2,align:'center'}, {title:'姓名',field:'name',width:'60',rowspan:2,align:'center'}, {title:'性别',field:'sex',width:'50',rowspan:2,align:'center'}, {title:'年龄',field:'age',width:'50',rowspan:2,align:'center'}, {title:'出生日期',field:'birthday',width:'120',rowspan:2,align:'center'}, {title:'班级',field:'className',width:'100',rowspan:2,align:'center'} ]], pagination:true, rownumbers:true, toolbar:[{ text:'全部', iconCls:'icon-ok', handler:function(){ $('#tt').datagrid({url:'easyAction.action'}); } },'-',{ text:'添加', iconCls:'icon-add', handler:function(){$('#add').window('open'); $('#ff').show(); $('#ff').form('clear'); $('#ff').appendTo('#aa');} },'-',{ text:'修改', iconCls:'icon-edit', handler:getSelect },'-',{ text:'删除', iconCls:'icon-remove', handler:del },'-',{ text:'查询', iconCls:'icon-search', handler:function(){ $('#query').window('open'); } } ] }); displayMsg(); }); function displayMsg(){ $('#tt').datagrid('getPager').pagination({displayMsg:'当前显示从{from}到{to}共{total}记录'}); } function close1(){ $('#add').window('close'); } function close2(){ $('#edit').window('close'); } function add(){ $('#ff').form('submit',{ url: 'easyAdd.action', onSubmit:function(){ return $('#ff').form('validate');}, success:function(){ close1(); } }); $.messager.alert('add','添加信息成功!!!','info',function(){ $('#tt').datagrid({ url:'easyAction.action', loadMsg:'更新数据中......' }); displayMsg(); }); } var id; function getSelect(){ var select = $('#tt').datagrid('getSelected'); if(select){ $('#edit').window('open'); $('#ff').show(); $('#ff').appendTo('#ee'); $('#name').val(select.name); $('#age').val(select.age); $('#sex').val(select.sex); $('#birthday').val(select.birthday); $('#className').val(select.className); id = select.id; }else{ $.messager.alert('warning','请选择一行数据','warning'); } } function edit(){ $('#ff').form('submit',{ url: 'easyUpdate.action?id='+id, onSubmit:function(){ return $('#ff').form('validate');}, success:function(){ $.messager.alert('edit','修改信息成功!!!','info'); close2(); } }); $('#tt').datagrid({ url:'easyAction.action', loadMsg:'更新数据......' }); } function del(){ var selected = $('#tt').datagrid('getSelected'); if(selected){ $.messager.confirm('warning','确认删除么?',function(id){ if(id){ id = selected.id; $.ajax({ type:"POST", url:"easyDel.action", data:"id="+id, dataType:"xml", success:function callback(){} }); $('#tt').datagrid('reload'); } }); }else{ $.messager.alert('warning','请选择一行数据','warning'); } } function query(){ var queryParams = $('#tt').datagrid('options').queryParams; queryParams.queryWord = $('#qq').val(); $('#tt').datagrid({ url:'easyQuery.action' }); displayMsg(); $('#query').window('close'); }
|
相关推荐
EasyUI EasyUI EasyUI EasyUI EasyUI EasyUI EasyUI EasyUI EasyUI
jquery-easyui 前端开发框架
包含jqury-api svn目录,可直接更新 及jQueryAPI-100214.chm
jQuery Easy UI的最新1.7版本的各种JS文件,很高兴能与四海的朋友一起学习进步!
jQury-DOM篇学习笔记,内容仅供参考。
jQury-行冻结,测试兼容无问题。可以使用
jqueryEasyUI 下载,及api下载 jqueryEasyUI 下载,及api下载
2.jQuery and jQuery UI Reference 1.2 API.zip; 3.jQuery UI 1.9带给我们的惊喜.zip; 4.jQuery.ui.docs.rar; 5.jquery-easyui-1.0.5.zip; 6.jquery-easyui-1.2.ZIP; 7.jQuery-easyui-docs.rar; 8.jquery-ui-...
简单的模仿jQury选择器封装,适合框架的初学者了解jQury的封装思想。
jeury实现异步数据交互,里面包含html文件,servlet文件,和ajax文件
jquery 最新未压缩版本。版本号:3.4.1 。 jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。
Jqury拖动实例,像google里的那个拖动的效果一样,有25种效果,很清楚
jquery easyui 官方图标文件 使用时配合icon.css 图标文件位置与icon.css要保持一致
dtree+jquery 动态实现无限树形菜单 (包括增删改查) 好不容易,搞出来的,不容易啊
模仿jQury选择器的实现,使用模块化开发,统一进行了封装,代码中有详细的注释,可以很好的理解每一句代码,实现后并进行了测试,达到想要的效果。
图片点击放大效果源码,源码包含html布局和css样式,同时含有特效代码。
JQuery 1.4.4 中文API帮助文档
锋利的jqury教材配套实例源代码 锋利的jqury教材配套实例源代码 锋利的jqury教材配套实例源代码 锋利的jqury教材配套实例源代码
jquery-3.3.1.js/min.js
很好的jqury 手册,真的很好的jqury 手册,真的很好的很好的jqury 手册,