stworthy
- 浏览: 525651 次
- 来自: ...
-
最新评论
-
alick24：
不能下载呢
基于easyui的仓库管理系统 -
eddie_lau：
...
基于easyui的仓库管理系统 -
zxygww：
非常强大的项目，可以直接运行
基于easyui的仓库管理系统 -
big3333：
表格是合并了，但是序号没有合并，有没有办法处理序号合并，翻页b ...
在datagrid的表格体中合并单元格 -
nacco：
有没有一个默认的Controller？用www.xxx.com ...
利用etmvc再来写个小例子
文章列表
jquery-easyui中的树具备基本的CRUD能力，添加节点主要通过append方法实现。
比如，通过以下代码建立一颗食品树：
<div style="width:200px;height:auto;border:1px solid #ccc;">
<ul id="tt" class="easyui-tree" url="tree_data.json"></ul>
</div>
现在，想在水果节点中再添加二种水果，可以这样 ...
jquery-easyui中利用panel, layout等插件可以做出很复杂的布局效果，通常不需要编写JS代码。以一个MSN的消息框为例子，看一下效果图：
设计这样的布局只需要编写HTML就行了，代码如下：
<div class="easyui-panel" title="Complex Panel Layout" icon="icon-search" collapsible="true" style="padding:5px;width:500px;height:250p ...
使用jquery-easyui的新版本1.0.2，可以更有效地完成页面的布局设计。做页面布局时一般是不用编写JS代码的，下面重写了机电设备管理系统，仅供参考。
首先来看首页布局例子：
<body class="easyui-layout">
<div region= ...
jquery-easyui中使用datagrid来加载远程数据，必须设置url属性，如下所示：
<table id="tt"></table>
$('#tt').datagrid({
title:'Load Data',
iconCls:'icon-save',
width:600,
height:250,
url:'/demo3/data/getItems',
columns:[[
{field:'itemid',title:'Item ID',width:8 ...
jquery-easyui中将html table转换成datagrid很简单，甚至不需要编写任何JS代码就可以完成，看一个例子：
<table id="tt" class="easyui-datagrid" style="width:400px;height:auto;">
<thead>
<tr>
<th field="name1" width="50">Col 1</th>
...
jquery-easyui中创建窗口很简单，建立一个DIV就行了：
<div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;">
Some Content.
</div>
这样不用写一行JS代码窗口就会出现在屏幕上：
如果想建立一个隐藏的窗口，则需要设置属性closed="true"，需要打开时调用open方法 ...
easyui中的splitbutton由linkbutton和menu组成，用户单击或把鼠标移到按钮的下拉区域时会弹出对应的菜单：
创建splitbutton过程很简单，首先定义页面的markup:
<div style="border:1px solid #ccc;background:#ddd;padding:5px;width:120px;">
<a href="javascript:void(0)" id="sb" icon="icon-edit">Edi ...
easyui中的树可以从标记中建立，也可以通过指定一个URL属性读取数据建立。如果想建立一棵异步树，需要为每个节点指定一个id属性值，这样在加载数据时会自动向后台传递id参数。
<ul id="tt"></ul>
编写前台代码：
$('#tt').tree({
url:'/demo2/node/getNodes' // The url will be mapped to NodeController class and getNodes method
});
为测试用，建立一个节点的数据模型：
@Table(n ...
BorderLayout通常有五个区域：east,west,north,south,center，下面是一般的用法：
north区域用于显示页面的横幅
south区域用于显示版权信息或其他说明
west区域用于显示导航菜单
east区域用于显示推广信息
center区域用于显示主页面信息
在easyui中使用布局时首先应该确定在什么容器上应用布局，布局必须至少包含一个center区域，下面是一个例子：
<div class="layout-container" style="width:400px;height:300px;" ...
利用easyui编写一个用户管理小例子，目的是演示CRUD操作。先看一下效果图：
1、表格的定义：
<table id="user-table">
<thead>
<tr>
<th field="name" width="100">名称</th>
<th field="phone" width="100">电话</th>
<th field="a ...
easyui中建立下拉菜单很简单，定义菜单栏和菜单的MARKUP，然后用jQuery让其运转起来。
先看一个例子的效果图：
现在来看菜单栏怎么定义：
<div style="background:#EDF4E6;padding:5px;width:300px;border:1px solid #ccc;">
<a href="javascript:void(0)" id="sb1" icon="icon-edit" onclick="javascript:alert('edi ...
介绍一下EASYUI
中的菜单，这个菜单同以前的DMENU不同，经过了重新设计，仿照WIN7的菜单风格。先看张截图：
菜单的设计是在标记中定义的，看看菜单的代码：
<div id="mm" style="width:120px;">
<div onclick="javascript:alert('new')">New</div>
<div>
<span>Open</span>
<div style="width ...
easyui for jQuery项目地址：http://jquery-easyui.wikidot.com/
编写这个范例的目的在于介绍easyui的基本用法，这个例子中着重于介绍布局。
来看首页的布局：
<body>
<div region="north" style="background:#fafafa;color:#2d5593;height:40px;">
<div style="font-size:16px;font-weight:bold;width:4 ...
DataGrid for jQuery现在是easyui项目的组成部分，基本用法（一）中讲了怎样转换现有的HTML表格。
DataGrid for jQuery单个项目的地址：http://www.etmvc.cn/project/show/67
easyui项目的地址：http://code.google.com/p/jquery-easyui/
现在介绍怎样定义表头。
最容易最直观的定义表头方法是在MARKUP中定义，如下所示：
<table id="tt">
<thead>
<tr>
<t ...
accordion插件已经有了，但觉得还是要再写一个，作为easyui framework的一部分，目标是使之更易使用。
项目地址：http://www.etmvc.cn/project/show/68
在使用方法上，采用了与DOJO相似的做法，直接用一个DIV定义一个面板，如下所示：
<div id="aa" style="width:300px;height:200px;">
<div title="title1" icon="icon-save" style="o ...