easyUI+springMVC的DataGrid-demo

DataGrid

（一）、搭建springMVC；

　　错误：无法访问HTML页面，HTTP Status 404-

　　原因：springMVC拦截了静态资源的访问

解决方案：方案①:(web.xml下)<servlet-mapping><servlet-name>jsp</servlet-name><url-pattern>*.html</url-pattern></servlet-mapping>
　　　　　方案②:(springMVC.xml 下)<mvc:resources location="/" mapping="/**" />

（二）、加入easyUI：

1、文件头：方式一：

<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"  href="../jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../jquery-easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../jquery-easyui/demo.css">
<script type="text/javascript" src="../jquery-easyui/jquery.min.js"></script>
<script type="text/javascript"  src="../jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"  src="../jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
</head>

错误：确定路径没错，但界面一直显示不出来。
原因：springMVC拦截了静态资源的访问

解决方案：

<!-- 静态资源访问 -->
     <mvc:resources location="/jquery-easyui/themes/" mapping="/jquery-easyui/themes/**"/>
     <mvc:resources location="/jquery-easyui/" mapping="/jquery-easyui/**"/>
     <mvc:resources location="/jquery-easyui/locale/" mapping="/locale/**" />

时间： 2025-01-06 22:56:30

easyUI+springMVC的DataGrid-demo的相关文章

easyui +springMVC+MyBatis datagrid分页

@Controller @RequestMapping("/department") public class DepartmentController { @Resource private DepartmentService departmentService; private OutPutTool OutPutTool = new OutPutTool(); @RequestMapping("selectAll") public String select(@

EasyUI + SpringMVC 解决静态资源访问

我们的项目用的是EasyUI+SpringMVC+EJB+JPA,分享一下项目中遇到的一些问题及其解决方法.前台用的EasyUI,页面中引入了easyUI的js与css(引入路径正确),但是无论如何都显示不出来,如下图: EasyUI的样式没有,看控制台:警告,找不到 21:26:25,643 WARN [org.springframework.web.servlet.PageNotFound](http-localhost/127.0.0.1:8080-1) No mapping found

Easy-UI 动态添加DataGrid的Toolbar按钮

在前人的基础上进行的修改,不知道他是从哪里引用来的,所以没有粘贴引用地址. 原代码不支持1.3.6. 修改功能: 1.如果之前没有添加过工具,用这个方法不能添加(已修复): 2.估计是不支持1.3.6,所以在1.3.6下不能删除按钮(已修复): 3.添加了在删除最有一个按钮后把按钮容器删除掉: 插件代码: $.extend($.fn.datagrid.methods, { addToolbarItem: function (jq, items) { return jq.each(function

jQuery EasyUI教程之datagrid应用（三）

今天继续之前的整理,上篇整理了datagrid的数据显示及其分页功能获取数据库数据显示在datagrid中:jQuery EasyUI教程之datagrid应用(一) datagrid实现分页功能:jQuery EasyUI教程之datagrid应用(二) 接下来就是数据的增删改查了,首先我们在页面中添加功能按钮这里很简单就是datagrid的toolbar属性接下来我们实现按键的功能查询比较麻烦我们最后写,先写添加吧,既然要添加,就应该有表格或是输入的文本框吧,还要进行提交,那就要有f

jQuery EasyUI教程之datagrid应用（二）

上次写到了让数据库数据在网页datagrid显示,我们只是单纯的实现了显示,仔细看的话显示的信息并没有达到我们理想的效果,这里我们丰富一下: 上次显示的结果是这样的点击查看上篇:jQuery EasyUI教程之datagrid应用(一) 这里不难发现生日的格式是毫秒(long型数据),并不是我们想要的年月日的格式,那我们就修改一下我们在js中写入格式时间的方法,并在生日一列用formatter来调用方法格式时间, //格式化时间 //把long型日期转为想要类型 function getDa

easyUI中的datagrid

datagrid比较容易出错的地方,总结一下,大家可以少走弯路,也避免自己以后再犯. 1.两个属性,pageSize.pageList,其中pageSize一定要在pageList定义内,不然就报错 2.重新load的时候,传入的参数一定要为json,而且之前的queryparam中的数据不会带入 function doSearch(obj, cls, datagridId) { var data = $(obj).parent().find("fieldset").serialize

bootstrap+jquery+mustache+springmvc+idworker整合demo代码

原文:bootstrap+jquery+mustache+springmvc+idworker整合demo代码源代码下载地址:http://www.zuidaima.com/share/1550463719148544.htm 简单实现的一个发表评论的代码,麻雀虽小五脏俱全,请有需要的牛人下载,另外最代码决定用mustache来做js的模板. maven的工程,需要转换成dynamic web project,不会的请参考这个:如何在eclipse jee中创建Maven project并且转

easyUI中点击datagrid列标题排序

easyUI中点击datagrid的排序有两种,一种是本地的,一种是服务器的.本地的只能排序当前页,而服务器的可以对全部页进行排序.这里主要是分享下服务器排序. 1.为datagrid添加属性remoteSort:true 表示通过服务器请求来进行排序 2.对datagrid中你想要排序的列添加属性sortable:true 表示该列允许排序 3.这时候点击列标题就会自动向服务器发送带有sort和order两个参数的请求,此处的请求即调用动态绑定datagrid的查询方法 sort 表示排序字段

jQuery EasyUI API - Grid - DataGrid [原创汉化官方API]

jQuery EasyUI API - Grid - DataGrid [原创汉化官方API] 2014-04-02 DataGrid 继承自 $.fn.panel.defaults,覆盖默认值 $.fn.datagrid.defaults. DataGrid控件显示数据以表格的形式提供了丰富的选择,支持排序,组和编辑数据. DataGrid控件被设计来减少开发时间和要求开发商没有特定的知识.它是轻量级的和功能丰富的.合并单元格,多列标题,冻结列和页脚是仅有的几个特点. [依赖于] pane