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：将解压后的easyui目录copy到WebContent目录下，并新建js目录、css目录

1、文件头：方式一：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<link rel="stylesheet" type="text/css"  href="../easyui/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">

<link rel="stylesheet" type="text/css" href="../css/admin-index.css">

</head>

<body>

<table id="dg"></table>

<script type="text/javascript" src="../easyui/jquery.min.js"></script>

<script type="text/javascript"  src="../easyui/jquery.easyui.min.js"></script>

<script type="text/javascript"  src="../js/admin-index.js"></script>

<script type="text/javascript"  src="../easyui/locale/easyui-lang-zh_CN.js"></script>

</body>

</html>

错误：确定路径没错，但界面一直显示不出来。
原因：springMVC拦截了静态资源的访问（PS：如果springMVC的配置不拦截则不会报错，比如：<url-pattern>/*.do</url-pattern>）

解决方案：

<!-- 静态资源访问 -->

     <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/**" />

2、js的admin-index.js：

/**

 *

 */

$(function(){

    $('#dg').datagrid({

        url:'',

        pagination:'ture',

        columns:[[

            {field:'id',title:'ID',width:100},

            {field:'name',title:'用户名',width:100},

            {field:'age',title:'年龄',width:100,align:'right'}

        ]]

    });

})

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

  1. jQuery EasyUI教程之datagrid应用（三）

    今天继续之前的整理,上篇整理了datagrid的数据显示及其分页功能 获取数据库数据显示在datagrid中:jQuery EasyUI教程之datagrid应用(一) datagrid实现分页功能: ...

  2. jQuery EasyUI教程之datagrid应用（二）

    上次写到了让数据库数据在网页datagrid显示,我们只是单纯的实现了显示,仔细看的话显示的信息并没有达到我们理想的效果,这里我们丰富一下: 上次显示的结果是这样的 点击查看上篇:jQuery Eas ...

  3. jQuery EasyUI教程之datagrid应用（一）

    最近一段时间都在做人事系统的项目,主要用到了EasyUI,数据库操作,然后抽点时间整理一下EasyUI的内容. 这里我们就以一个简洁的电话簿软件为基础,具体地说一下datagrid应用吧 datagr ...

  4. easyUI中点击datagrid列标题排序

    easyUI中点击datagrid的排序有两种,一种是本地的,一种是服务器的.本地的只能排序当前页,而服务器的可以对全部页进行排序.这里主要是分享下服务器排序. 1.为datagrid添加属性remo ...

  5. easyUI 数据表格datagrid的使用

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  6. EasyUi控件Datagrid

    很久没有打开我的博客园,刚刚大概扫了一眼我之前写的笔记,关于Devexpress那篇居然有四千多的浏览记录,不知道对浏览过的博友有没有起到一点点作用.当然我写笔记仅仅只是给自己留个记忆,如果歪打正着帮 ...

  7. EasyUI + ajax + treegrid/datagrid 接收 json 数据，显示树状/网状表结构

    最后一更了,时间间隔有点久了~~ EasyUI作为一个成熟的前端框架,封装了ajax,对于数据的处理配合datagrid组件的使用,使其非常适合后台管理界面的开发(目前来说界面有点过时了). 通过aj ...

  8. easyui 之ComboTree 用法Demo

    实现效果如下: HTML部分: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="ser ...

  9. 基于SpringMVC框架项目Demo

    Git地址:https://github.com/JavaWeb1024/SpringMVC 1.     框架简介: 为打造一套集群高可用的框架,集成的技术目前比较成熟,稳定．相关的知识点在网络上也 ...

随机推荐

  1. C# Questions

    What's the difference between linkedlist and array? How do you implement linkedlist? What's the diff ...

  2. 了解学习JS中this的指向

    [转] 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问 ...

  3. Xamarin的不归路-连接MAC失败

    昨天费了老大劲才配置连接好MAC虚拟机,今天居然又连接不上了. 记录一下最后的解决办法: 直接用“Add Mac”添加虚拟机,一定要填写ip地址,为啥要写ip?我也不知道,因为我填写“MacdeMac ...

  4. .net手机号码归属地查询

    调用百度 api http://apistore.baidu.com/apiworks/servicedetail/117.html 贴上代码 using Newtonsoft.Json;using ...

  5. asp.net identity 2.2.0 在WebForm下的角色启用和基本使用（四）

    有网友问及权限的问题,其实我觉得没什么改进. 主目录下的web.config基本不用改.要说要改的也就只有数据库连接了. <authentication mode="None" ...

  6. 展望 2017年商业智能BI 发展的趋势

    在展望2017年商业智能 BI 发展趋势前,我们先来了解一下商业智能 BI 发展的几个重要阶段. 传统 BI 和新型 BI 的分水岭(2013年) 大背景 在2013年以前相当长的一个周期(2005年 ...

  7. Oracle中日期时间的操作比较和加减-入门基础（转）

    Oracle关于时间/日期的操作     1.日期时间间隔操作 当前时间减去7分钟的时间 select sysdate,sysdate - interval '7' MINUTE from dual ...

  8. 【Git学习笔记】初始化Git仓库和版本回退

    学习地址 http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 什么是版本库呢?版本库又 ...

  9. SQL PRIMARY KEY 约束\SQL FOREIGN KEY 约束\SQL CHECK 约束

    SQL PRIMARY KEY 约束 PRIMARY KEY 约束唯一标识数据库表中的每条记录. 主键必须包含唯一的值. 主键列不能包含 NULL 值. 每个表都应该有一个主键,并且每个表只能有一个主 ...

  10. SQL TOP 子句、SQL LIKE 操作符、SQL 通配符

    TOP 子句 TOP 子句用于规定要返回的记录的数目. 对于拥有数千条记录的大型表来说,TOP 子句是非常有用的. 注释:并非所有的数据库系统都支持 TOP 子句. SQL Server 的语法: S ...