前端框架 jQuery EasyUI(一)源码包、两种方式声明表格控件

这篇博客介绍了jQuery EasyUI框架,特别是关于如何声明和配置表格控件。作者强调了控件声明的两种方式,包括基本HTML标签和jQuery语法,并详细讲解了表格的各种属性,如fitColumns、pagination、rownumbers等。此外,还提到了开发环境的构建和源码包的结构,以及如何在项目中引入和配置EasyUI。
摘要由CSDN通过智能技术生成

主要是对它的中文手册进行学习,jQuery EasyUI建立在jquery的基础之上。

easyui学习规律:

jqueryui控件学习时控件与控件之间都有继承关系,有些属性事件方法找不到就去父类里面找。
每一个控件都有自己对应的属性,事件,方法。

开发者在声明(渲染)控件是有两种声明方式(即用控件):
使用基本的html代码声明控件。 class=”easyui-控件名称”。
使用jquery语法声明控件

$(function(){
   
       $("#xxx").控件名称({控件属性:控件属性值,控件属性:控件属性值,控件属性:控件属性值})
    })控件名称中是json格式的数据

源码包

下载源码包,之后解压,解压之后可以看到其目录结构,下面对每一个目录下存放的内容进行解释。

这里写图片描述

demo:案例
demo-mobile:移动版的案例
locale:本地化使用的js文件,使语言成为自己的语言类似于国际化
plugins:插件
src:源码包
themes:就是皮肤默认是浅蓝色,如何想要使用其他的主题可以去官网下,然后将其放到此文件下
jquery.easyui.min.js:是网页开发时页头引入
jquery.min.js:开发时页头引入是压缩版的jquery
jquery.easyui.mobile.js:是移动开发时页头引入

开发环境构建

创建一个动态web项目,在WebContent下新建一个jquery文件夹,从将源码包中本地化文件(留自己需要的语言对应的js文件,想显示英文不用拷)、插件、主题拷贝到jquery文件夹下。

在WebContent新建一个jsp文件,在网页的头部引入下面文件,因为该框架是基于jquery,所以注jquery的引用要在框架的前面。

<link rel="stylesheet" type="text/css" href="jquery/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery/themes/icon.css">
<script type="text/javascript" src="jquery/jquery.min.js"></script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值