easy,ui,可编辑表格

竭诚为您提供优质文档/双击可除

easy,ui,可编辑表格

篇一：jqueryeasyui的添加,修改,删除,查询等基本操作介绍

jqueryeasyui的添加，修改，删除，查询等基本操作介绍

作者：字体：[增加减小]类型：转载

初识jqueryeasyui看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例初识jqueryeasyui看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例。写了一些基本的增删改查功能，算是对该控件的基本入门。后续有时间继续深入学习。

在学习jqueryeasyui前应该先到官网下载最新版本

/download/index.php

先看一下运行后的页面

1、列表展示

2、新增页面

3、修改页面

把jqueryeasyui下载好之后，一般引用下页几个文件复制代码代码如下:

rel="stylesheet"type="text/css"/>

href="/Resources/easyui/js/themes/default/easyui.cs s"rel="stylesheet"

type="text/css"/>

//页面图标样式

href="/Resources/easyui/js/themes/icon.css"rel="sty lesheet"type="text/css"/>

src="/Resources/easyui/js/jquery-1.7.2.min.js"type= "text/javascript">

//jqueryeasyui主要的js

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

首先是列表展示数据复制代码代码如下:

url="/getjson/createjson.aspx"toolbar="#toolbar"pag ination="true"rownumbers="true"

fitcolumns="true"singleselect="true">

编号

卡名

密码

创建时间

创建人

jqueryeasyui是用datagrid对数据进行展示的，所以class要选择

easyui-datagrid；url是本列表的一个json格式的数据来源toobar后面跟着的"#toobar"是列表的一个工具栏，本示例在列表上显示的是添加，修改，删除功能按钮对数据进行操作。pagination是否显示分页，rownumbers显示行数，分页时向后台传去两个参数，一个就是当前页数另一个就是每页显示行数；fitcolumns：自适应列宽；singleselected:单选。

工具条代码复制代码代码如下:

plain="true">添加

onclick="edituser()"plain="true">修改

iconcls="icon-remove"plain="true">删除

数据源格式

数据源添加弹出框复制代码代码如下

:

closed="true"buttons="#dlg-buttons">

信息编辑编号

卡号

密码

创建时间

required="true"/>

创建人

篇二：easyui学习笔记

esayui

前端开发：企业中java工程师，大多不擅于html+css 网页布局设计，门户网站（由前端工程师设计），企业内部应用软件（java工程师，选择前端ui框架extjs、Flex、easyui）

----------------------easyui学习成本非常低

easyui最新版本1.3.4，bos开发使用1.3.2版本

extjs2.x免费，3.x开始收费

easyui1.2.3版本开始收费

问题：为什么你不用extjs

easyui学习成本低，很容易在项目中集成使用，extjs

学习成本高昂

easyui+tutorial.chm官方demo例子

jquery_easyui.docdemo例子

easyui-api+1.3.2.chm中文api

jquery.easyui-1.3.1+api.chm英文api

jquery-easyui-1.3.2.zip框架开发包

目录结构分析

demo示例

locale国际化信息文件（默认英文提示信息）

plugins框架功能js文件

src源码

themes主题样式

自带5套主题，icons图标文件

easyloader.js核心加载器（加载plugins功能js）jquery-1.8.0.min.jsjquery开发js文件

jquery.easyui.min.jseasyui框架功能js合集

jquery.easyui.min.js==easyloader.js+plugins/*

1.如何在页面中使用easyui？

引入四个文件

href="${pagecontext.request.contextpath}/js/easyui/

themes/default/easyui.css">

href="${pagecontext.request.contextpath}/js/easyui/ themes/icon.css">

src="${pagecontext.request.contextpath}/js/easyui/j query-1.8.3.js">

src="${pagecontext.request.contextpath}/js/easyui/j query.easyui.min.js">

2、学习使用easyui布局功能

layout布局控件使用

将body、div分成东西南北中，五个部分

北部

100px">南部

西部100px">东部

中部

注意，只有center区域的必须的

3、可折叠菜单accordion布局