pre {
white-space: pre-wrap;
}
jQuery EasyUI 拖放 – 基本的拖动和放置
本教程向您展示如何使 HTML 元素可拖动，在本例中，我们将创建三个 DIV 元素然后启用他们的拖动和放置。
首先，我们创建三个 <div> 元素：
<div id="dd1" class="dd-demo">……继续阅读 »
2年前 (2022-07-27) 207浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 列运算
在本教程中，您将学习如何在可编辑的数据网格（datagrid）中包含一个运算的列。一个运算列通常包含一些从一个或多个其他列运算的值。
首先，创建一个可编辑的数据网格（datagrid）。这里我们创建了一些可编辑列，’listprice’、’amount……继续阅读 »
2年前 (2022-07-26) 193浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 自定义排序
如果默认的排序行为不满足您的需求，您可以自定义数据网格（datagrid）的排序行为。
最基础的，用户可以在列上定义一个排序函数，函数名是 sorter。这个函数将接受两个值，返回值将如下：
valueA > valueB => 返回 1
valueA 返回 -1
自定义排序……继续阅读 »
2年前 (2022-07-26) 251浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 创建属性网格
属性网格（property grid）带有一个内置的 expand（展开）/collapse（合并） 按钮，可以简单地为行分组。您可以简单地创建一个可编辑属性的分层（hierarchical）列表。
设置 HTML
<table i……继续阅读 »
2年前 (2022-07-26) 325浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 添加查询功能
本实例演示如何从数据库得到数据，并将它们显示在数据网格（datagrid）中。然后演示如何根据用户输入的搜索关键词搜寻显示结果。
创建数据网格（DataGrid）
创建带有分页功能的数据网格（datagrid），然后添加工具栏到其中。
&nb……继续阅读 »
2年前 (2022-07-25) 260浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 简介
jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。
什么是 jQuery EasyUI
jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。
easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。
easyui 提供建立现代化的具有交互性……继续阅读 »
2年前 (2022-07-25) 374浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 动态改变列
数据网格（DataGrid）列可以使用 ‘columns’ 属性简单地定义。如果您想动态地改变列，那根本没有问题。为了改变列，您可以重新调用datagrid 方法，并传递一个新的 columns 属性。
创建数据网格（DataGrid）
……继续阅读 »
2年前 (2022-07-23) 99浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 表单 – 创建异步提交表单
本教程向您展示如何通过 easyui 提交一个表单（Form）。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单（form）插件来改变表单（form）为 ajax 表单（form）。表单（form）提交所有字段到后台服务器，服务器处理和发送一……继续阅读 »
2年前 (2022-07-19) 124浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 表单 – 格式化下拉框
本教程向您展示如何创建一个简单的下拉框（Combobox），让它在下拉框中显示图片项。您可以在下拉框（combobox）上使用 formatter 函数来告诉它如何格式化每一个条目。
创建图像下拉框（Combobox）
<input i……继续阅读 »
2年前 (2022-07-18) 327浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 应用 – 创建 CRUD 应用
数据收集并妥善管理数据是网络应用共同的必要。CRUD 允许我们生成页面列表，并编辑数据库记录。本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。
我们将使用下面的插件：
datagrid：向用户展示列表数据。
dialog：创建或编辑……继续阅读 »
2年前 (2022-07-17) 196浏览 0评论
0个赞
jQuery EasyUI 教程
jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。
jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。
现在开始学习 jQuery EasyUI！
jQuery EasyUI 离线版CHM下载！
内容列表
Application（应用）
jQuery……继续阅读 »
2年前 (2022-07-17) 299浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 创建页脚摘要
在本教程中，我们将向您展示如何在数据网格（datagrid）页脚显示摘要信息行。
为了显示页脚行，您应该设置 showFooter 属性为 true，然后准备定义在数据网格（datagrid）数据中的页脚行。以下是示例数据：
{"tota……继续阅读 »
2年前 (2022-07-16) 210浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 窗口 – 创建对话框
对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。默认情况下，对话框（Dialog）不能改变大小，但是用户可以设置 resizable 属性为 true，使其可以改变大小。
创建对话框（Dialog）
对话框（Dialog）非常简单，可以从 DIV ……继续阅读 »
2年前 (2022-06-30) 97浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 应用 – 创建 RSS Feed 阅读器
在本教程中，我们将通过 jQuery EasyUI 框架创建一个 RSS 阅读器。
我们将使用以下插件:
layout：创建应用的用户界面。
datagrid：显示 RSS Feed 列表。
tree：显示 feed 频道。
步骤 1：创建布局（Layout）
&……继续阅读 »
2年前 (2022-06-30) 317浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 表单 – 创建树形下拉框
树形下拉框（ComboTree）是一个带有下列树形结构（Tree）的下拉框（ComboBox）。它可以作为一个表单字段进行使用，可以提交给远程服务器。
在本教程中，我们将要创建一个注册表单，带有 name、address、city 字段。city 字段是一个树形下拉框（ComboTree）字……继续阅读 »
2年前 (2022-06-27) 150浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 启用行内编辑
可编辑的功能是最近添加到数据网格（datagrid）的。它可以使用户添加一个新行到数据网格（datagrid）。用户也可以更新一个或多个行。
本教程向您展示如何创建一个数据网格（datagrid）和内联编辑器。
创建数据网格（DataGrid）
&n……继续阅读 »
2年前 (2022-06-27) 245浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 扩展编辑器
一些常见的编辑器（editor）添加到数据网格（datagrid），以便用户编辑数据。
所有的编辑器（editor）都定义在 $.fn.datagrid.defaults.editors 对象中，这个可以继承扩展以便支持新的编辑器（editor）。
本教程将向您展示如何添加一个新的 num……继续阅读 »
2年前 (2022-06-24) 254浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 创建基础树形网格
树形网格（TreeGrid）组件从数据网格（DataGrid）继承，但是允许在行之间存在父/子节点关系。许多属性继承至数据网格（DataGrid），可以用在树形网格（TreeGrid）中。为了使用树形网格（TreeGrid），用户必须定义 ‘treeField’……继续阅读 »
2年前 (2022-06-23) 185浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 菜单与按钮 – 创建简单的菜单
菜单（Menu）定义在一些 DIV 标记中，如下所示：
<div id="mm" class="easyui-menu" style="width:120px;">
&nbs……继续阅读 »
2年前 (2022-06-23) 196浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 添加工具栏
本实例演示如何添加工具栏（toolbar）到数据网格（datagrid）。
创建数据网格（DataGrid）
<table id="tt" class="easyui-datagrid" style="width:600px;heig……继续阅读 »
2年前 (2022-06-20) 340浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 应用 – 创建展开行明细编辑表单的 CRUD 应用
当切换数据网格视图（datagrid view）到 ‘detailview’，用户可以展开一行来显示一些行的明细在行下面。这个功能允许您为防止在明细行面板（panel）中的编辑表单（form）提供一些合适的布局（layout）。在本教程中，……继续阅读 »
2年前 (2022-06-20) 285浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形菜单添加节点
本教程向您展示如何附加节点到树形菜单（Tree）。我们将创建一个包含水果和蔬菜节点的食品树，然后添加一些其他水果到已存在的水果节点。
创建食品树
首先，我们创建食品树，代码如下所示：
<div style="width:200p……继续阅读 »
2年前 (2022-06-20) 262浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形网格动态加载
动态加载树形网格有助于从服务器上加载部分的行数据，避免加载大型数据的长时间等待。本教程将向您展示如何创建带有动态加载特性的树形网格（TreeGrid）。
创建树形网格（TreeGrid）
<table title="Prod……继续阅读 »
2年前 (2022-06-20) 261浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 自定义分页
数据网格（datagrid）内置一个很好特性的分页功能，自定义也相当简单。在本教程中，我们将创建一个数据网格（datagrid），并在分页工具栏上添加一些自定义按钮。
创建数据网格（DataGrid）
<table id="tt" t……继续阅读 »
2年前 (2022-06-19) 303浏览 0评论
0个赞
jQuery EasyUI 扩展
Portal（制作图表、列表、球形图等）
数据网格视图（DataGrid View）
可编辑的数据网格（Editable DataGrid）
可编辑的树（Editable Tree）
数据网格行过滤（DataGrid Filter Row）
数据网格行拖放（Drag and Drop Rows in DataGrid）
树形网格行拖放（Drag and Dr……继续阅读 »
2年前 (2022-06-19) 210浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 窗口 – 窗口与布局
Layout 组件可以内嵌在窗口（window）中。我们可以创建一个复杂的布局窗口，甚至不需要写任何的 js 代码。jquery-easyui 框架帮我们在后台做渲染和调整尺寸。
作为一个实例，我们创建一个窗口（window），它包含两个部分，一个放置在左边一个放置在右边。在窗口（window）……继续阅读 »
2年前 (2022-06-19) 281浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 动态添加标签页（Tabs）
通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 ‘add’ 方法即可。
在本教程中，我们将使用 iframe 动态地添加显示在一个页面上的 Tabs。
当点击添加按钮，一个新的 tab 将被添加。如果 tab 已经存在，它……继续阅读 »
2年前 (2022-06-18) 296浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 为网页创建边框布局
边框布局（border layout）提供五个区域：east、west、north、south、center。以下是一些通常用法：
north 区域可以用来显示网站的标语。
south 区域可以用来显示版权以及一些说明。
west 区域可以用来显示导航菜单。
east 区域可以用来显示……继续阅读 »
2年前 (2022-06-18) 119浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形菜单拖放控制
当在一个应用中使用树（Tree）插件，拖拽（drag）和放置（drop）功能要求允许用户改变节点位置。启用拖拽（drag）和放置（drop）操作，所有您需要做的就是把树（Tree）插件的 ‘dnd’ 属性设置为 true。
创建树形菜单（Tree）
&nbs……继续阅读 »
2年前 (2022-06-18) 374浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 表单 – 过滤下拉数据网格
下拉数据网格（Combogrid）组件和下拉框（Combobox）组件的共同点是，除了都具有下拉面板以外，它们都是基于数据网格（Datagrid）的。
下拉数据网格（Combogrid）组件可以过滤、分页，并具有其他一些数据网格（Datagrid）的功能。
本教程向您展示如何在一个下拉数……继续阅读 »
2年前 (2022-06-17) 365浏览 0评论
0个赞
