没有合适的资源？快使用搜索试试~ 我知道了~

首页jQuery_EasyUI中文教程

jQuery_EasyUI中文教程

4星 · 超过85%的资源需积分: 9 41 下载量 17 浏览量更新于2023-03-16 评论 6 收藏 2.17MB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

64页

jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery对象间跳转的方法，以及获取jQuery对象后调用的方法.本文基于jQuery1.7.1版本，...

资源详情

资源评论

资源推荐

jquery easyui 中文教程

概述

这个教程的目的是说明如何使用 easyui 框架容易的创建网页。首先，你需要包含一些 js 和 css 文

件：

href="../themes/default/easyui.css">

1.4.2.min.js"></script>

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

easyui 预定义了一些图标 css，这些 css 类可以显示图片背景（16×16）。使用这些类之前，需要

包含：

href="../themes/icon.css">

内容

1. 拖放

o 基本拖放

o 创建购物车式拖放

o 创建课程表

基本拖放

这个教程显示如何

使 HTML 元素变得

可拖放。这个例子

会创建 3 个 DIV 元

素然后让它们变得

可拖放。

首先，创建三个 DIV 元素：

让第一个 DIV 元素可拖放，使用默认的拖放样式。

$('#dd1').draggable();

让第二个 DIV 元素使用 proxy 来拖放，proxy:'clone'表示 proxy 使用原始元素的复制。

$('#dd2').draggable({

proxy:'clone'

});

让第三个 DIV 元素使用自定义 proxy 来拖放

$('#dd3').draggable({

proxy:function(source){

var p = $('<div class="proxy">proxy</div>');

p.appendTo('body');

return p;

}

});

构建购物车型拖放

使用 jQuery easyui，我们在 web 应用中就有了拖放的能力。这个教程显示了如何构建购物车页，

它使用户拖放他们希望购买的产品，更新购物篮的物品和价格。

显示

产品

页：

<ul

class="products">

<li>

<div>

<p>Balloon</p>

<p>Price:$25</p>

</div>

</a>

</li>

<li>

<div>

<p>Feeling</p>

<p>Price:$25</p>

</div>

</a>

</li>

</ul>

ul 元素包含一些 li 元素以显示产品。每一个产品的名称和单价属性在 P 元素中。

创建购物车：

<h1>Shopping Cart</h1>

<table id="cartcontent"

style="width:300px;height:auto;">

<thead>

<tr>

<th field="quantity" width=60

align="right">Quantity</th>

<th field="price" width=60

align="right">Price</th>

</tr>

</thead>

</table>

<p class="total">Total: $0</p>

</div>

使用 datagrid 显示购物篮项目。

拖曳产品副本

$('.item').draggable({

revert:true,

proxy:'clone',

onStartDrag:function(){

$(this).draggable('options').cursor = 'not-

allowed';

$(this).draggable('proxy').css('z-index',10);

onStopDrag:function(){

$(this).draggable('options').cursor='move';

}

});

我们设置 draggable 属性 proxy 为 clone，所以拖曳元素使用 clone 效果。

将选择的产品放入购物车

$('.cart').droppable({

onDragEnter:function(e,source){

$(source).draggable('options').cursor='auto';

onDragLeave:function(e,source){

$(source).draggable('options').cursor='not-

allowed';

onDrop:function(e,source){

var name = $(source).find('p:eq(0)').html();

var price = $(source).find('p:eq(1)').html();

addProduct(name, parseFloat(price.split('$')

[1]));

}

});

var data = {"total":0,"rows":[]};

var totalCost = 0;

function addProduct(name,price){

function add(){

for(var i=0; i<data.total; i++){

var row = data.rows[i];

if (row.name == name){

row.quantity += 1;

return;

}

data.total += 1;

data.rows.push({

name:name,

quantity:1,

price:price

});

}

add();

totalCost += price;

$('#cartcontent').datagrid('loadData', data);

$('div.cart .total').html('Total: $'+totalCost);

}

当放下产品时，我们得到产品的名称和单价，然后调用 addProduct 函数更新购物篮。

创建课程表

本教程显示了如何使用 jQuery easyui 创建课程表。我们创建两个表：在左面的课程列表和右面的

时间表。你可以拖课程到时间表的单元格中。课程是<div class='item'>元素，时间格是<td

class='drop'>元素。

显示课程

<table>

<tr>

<td><div class="item">English</div></td>

剩余63页未读，继续阅读

zw90_02_06_22ffy

2012-12-12

新手，先下载看看，初步感觉还行！！！！

VM223 jquery.easyui.min.js:332 Uncaught ReferenceError: jQuery is not defined at VM223 jquery.easyui.min.js:332:4

请确保在使用easyui之前，您已经正确地引入了jQuery库。您可以在head标签中添加以下代码进行引入： ``` <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"> ``` 另外，还需要确保easyui的js文件...

数据滚动展现php,Easyui 使用虚拟滚动视图显示海量数据_EasyUI 教程

在使用 Easyui 进行数据滚动展现时，可以使用其提供的 datagrid 组件，并设置其属性 virtual scrolling 为 true。这样就可以启用虚拟滚动视图功能。具体操作如下： 1. 引入 Easyui 的 CSS 和 JS 文件。 2. 在 ...

jquery easyui 案例下载

jquery easyui 是一个轻量级、开源的前端框架，提供了丰富的UI组件和简单易用的API，使开发人员能够快速构建用户界面。它可以用于开发各种Web应用程序，包括管理系统、数据报表、表单验证等。要下载jquery easyui...

jquery-easyui-1.2.5.zip

jquery-easyui-1.2.5.zip是一个jQuery插件，用于构建网页界面的用户界面元素和组件。它包含了丰富的UI组件，比如按钮、表格、树形菜单、对话框等，通过这些组件可以轻松地构建出美观、易用的网页界面。这个插件...

jquery.easyui.all.js:16473 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

这个错误通常是由于在使用jQuery EasyUI插件时，没有正确引入相关的JavaScript文件或者引入的文件顺序不正确导致的。具体来说，可能是以下原因之一： 1. 没有正确引入jQuery库文件，或者引入的jQuery库文件版本过低...

jquery.easyui.min.js:8791 Uncaught TypeError: Cannot read properties of undefined (reading 'panel')

jquery.easyui.min.js是一个JavaScript库，它提供了一组易于使用的UI组件和工具，用于构建Web应用程序的用户界面。在你提供的错误信息中，报告了一个"Uncaught TypeError: Cannot read properties of undefined ...

jquery-easyui-1.7.0

jquery-easyui-1.7.0 是一个基于 jQuery 的 UI 组件库，它提供了一系列的易于使用的 UI 组件，如表格、对话框、菜单、树形结构、表单验证等等。它的特点是易于学习和使用，且支持主题定制。jquery-easyui-1.7.0 的...

jquery.easyui.all.js:19467 Uncaught TypeError: Cannot read properties of undefined (reading 'options')

这个错误通常是由于在使用jQuery EasyUI插件时，没有正确初始化或者使用了错误的方法导致的。具体来说，可能是以下原因之一： 1. 没有正确引入jQuery和jQuery EasyUI插件； 2. 没有正确初始化jQuery EasyUI插件； 3...

easyui 修改单元格内容_EasyUI DataGrid刷新需要修改的单元格/整行数据的方法

如果想要修改 EasyUI DataGrid 中的单元格内容，可以使用以下方法： 1. 获取 DataGrid 对象中的指定单元格：可以使用 `datagrid('getEditor', {index: rowIndex, field: fieldName})` 方法获取到指定单元格的编辑器...

VM1255542 jquery.easyui.min.js:8370 Uncaught TypeError: Cannot read properties of undefined (reading 'options')

根据您提供的错误信息，这是一个关于jquery.easyui.min.js文件的错误。错误信息显示无法读取未定义的属性'options'。这可能是由于在使用该文件时，未正确设置或传递所需的选项参数导致的。为了解决这个问题，您...

日期格式化为yyyymmdd_easyui datebox 显示月份为两位数（显示日期为八位数yyyymmdd）...

您可以使用easyui datebox的formatter属性来格式化日期。这里是一个将日期格式化为yyyymmdd的示例： ```javascript $('#datebox').datebox({ formatter: function(date){ var y = date.getFullYear(); var m = ...

jqueryeasyui中文乱码问题

在使用jqueryeasyui时出现中文乱码问题，主要原因可能是以下几个方面： 1. HTML页面的编码问题：确保HTML页面的编码与服务器端编码一致，常见的编码包括UTF-8和GBK等。 2. EasyUI自身的编码问题：EasyUI的语言文件...

jquery. easyui文件上传

jQuery EasyUI 实现文件上传的原理是基于 Ajax 和 iframe 无刷新上传的方式，首先将文件上传到服务器，然后通过 iframe 对页面进行更新。通过将表单的 enctype 设置为 "multipart/form-data" 来支持文件上传，通过...

easyui 获取options_jQuery EasyUI 下拉框及值的获取

获取下拉框选中的值可以使用以下代码： ```javascript // 获取下拉框的值 var value = $('#combobox').combobox('getValue'); // 获取下拉框的文本 var text = $('#combobox').combobox('getText');...

jquery.easyui.min.js:14630 Uncaught TypeError: Cannot read properties of undefined (reading 'options')

1. 确保您已经正确引入了 jQuery 和 EasyUI 的所有必需文件。 2. 确保您已经正确初始化了 EasyUI 插件。例如，如果您想使用一个名为 `datagrid` 的插件，应该使用类似下面的代码进行初始化： ```javascript $('#...

jquery easyui 1.4.5版 api 中文版

jQuery easyui的API文档中文版包含了丰富的内容，涵盖了easyui中各个组件的用法、属性、方法以及事件等。通过仔细阅读和理解API文档，开发者可以轻松地了解easyui的各个组件如何工作，以及如何使用它们来构建自己的...

aspnet easyui视频教程

ASP.NET EasyUI 视频教程是一套帮助开发者快速入门和掌握ASP.NET EasyUI框架的教学视频。在这个视频教程中，我们会详细介绍ASP.NET EasyUI框架的基本概念、功能特性、使用方法和最佳实践。通过这个视频教程，您将...

小池编程的博客

粉丝: 60
资源: 69

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

jQuery_EasyUI中文教程

评论4

会员权益专享

最新资源

jQuery_EasyUI中文教程

评论4

（jQuery_Easyui）教程中文word版

jQuery_Easyui 教程

jQuery_Easyui教程（中文版）

VM223 jquery.easyui.min.js:332 Uncaught ReferenceError: jQuery is not defined at VM223 jquery.easyui.min.js:332:4

数据滚动展现php,Easyui 使用虚拟滚动视图显示海量数据_EasyUI 教程

jquery easyui 案例 下载

jquery-easyui-1.2.5.zip

jquery.easyui.all.js:16473 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

jquery.easyui.min.js:8791 Uncaught TypeError: Cannot read properties of undefined (reading 'panel')

jquery-easyui-1.7.0

jquery.easyui.all.js:19467 Uncaught TypeError: Cannot read properties of undefined (reading 'options')

easyui 修改单元格内容_EasyUI DataGrid刷新需要修改的单元格/整行数据的方法

VM1255542 jquery.easyui.min.js:8370 Uncaught TypeError: Cannot read properties of undefined (reading 'options')

日期格式化为yyyymmdd_easyui datebox 显示月份为两位数（显示日期为八位数yyyymmdd）...

jqueryeasyui中文乱码问题

jquery. easyui文件上传

easyui 获取options_jQuery EasyUI 下拉框及值的获取

jquery.easyui.min.js:14630 Uncaught TypeError: Cannot read properties of undefined (reading 'options')

jquery easyui 1.4.5版 api 中文版

aspnet easyui视频教程

会员权益专享

最新资源

jquery easyui 案例下载