Latest web development tutorials
×

jQuery EasyUI Tutorial

jQuery EasyUI Tutorial jQuery EasyUI Introduction

jEasyUI application

jEasyUI Create a CRUD application jEasyUI Create a CRUD data grid jEasyUI Form CRUD application jEasyUI Create an RSS reader

jEasyUI Drag and drop

jEasyUI Basic drag and drop jEasyUI Create a drag-and-drop shopping cart jEasyUI Create a school curriculum

jEasyUI Menus and buttons

jEasyUI Create a simple menu jEasyUI Create a link button jEasyUI Create a menu button jEasyUI Create a split button

jEasyUI layout

jEasyUI Create a border layout jEasyUI Create a complex layout jEasyUI Creates a fold panel jEasyUI Create a tab page jEasyUI Dynamically add a tab jEasyUI Add the AutoPlay tab jEasyUI Create the XP style left panel

jEasyUI Data grid

jEasyUI Convert HTML tables to data grids jEasyUI Get the selected row data jEasyUI Add the query function jEasyUI Add a toolbar jEasyUI Create complex toolbars jEasyUI Sets the frozen column jEasyUI Dynamically change columns jEasyUI Format the column jEasyUI Set sort jEasyUI Custom sorting jEasyUI Create a column combination jEasyUI Add a check box jEasyUI Custom tab jEasyUI Enable in-line editing jEasyUI Extension editor jEasyUI Column operation jEasyUI Merge Cells jEasyUI Create a custom view jEasyUI Create a footer summary jEasyUI Condition Sets the line background color jEasyUI Create an attribute grid jEasyUI The extended line shows the details jEasyUI Create a subgrid jEasyUI Display massive data jEasyUI Add a paging component

jEasyUI window

jEasyUI Create a simple window jEasyUI Customize the Window Toolbar jEasyUI Window and layout jEasyUI Create a dialog box jEasyUI Customize the dialog box

jEasyUI Tree menu

jEasyUI Use the markup to create a tree menu jEasyUI Create an asynchronous tree menu jEasyUI Tree menu to add nodes jEasyUI Create a tree menu with check boxes jEasyUI Tree menu drag and drop control jEasyUI The Tree menu loads the parent / child nodes jEasyUI Create the base tree grid jEasyUI Create a complex tree grid jEasyUI Dynamic loading of tree jEasyUI The tree grid adds pagination jEasyUI Tree-lazy lazy-loading node

jEasyUI Form

jEasyUI Create an asynchronous submission form jEasyUI Form validation jEasyUI Create a tree drop-down box jEasyUI Format the drop-down box jEasyUI Filter down the data grid

jEasyUI Reference Manual

jQuery EasyUI Plugin jQuery EasyUI Extended

jQuery EasyUI based plugin - Easyloader loader

jQuery EasyUI plugin jQuery EasyUI plugin

usage

Loading EasyUI module

easyloader.base = '../'; // set easyui base directory easyloader.load ( 'messager', function () {// load the specified module $ .messager.alert ( 'Title', 'load ok') ;
});

By loading script absolute url

using ( 'http://code.jquery.com/jquery-1.4.4.min.js', function () {
    // ...
});

By loading script relative url

// Easyui script path relative to the directory using ( './ myscript.js', function () {
    // ...
});

Attributes

名称 类型 描述 默认值
modules object 预定义的模块。
locales object 预定义的语言环境。
base string easyui 的基本目录,必须以 '/' 结尾。 基本目录将被自动相对于 easyload.js 进行设置
theme string 定义在 'themes' 目录下的主题名称。 default
css boolean 定义当加载模块的时候是否加载 css 文件。 true
locale string 语言环境名称。 null
timeout number 以毫秒为单位的超时值,如果超时发生就触发。 2000

Defined locale

  • af
  • bg
  • ca
  • cs
  • cz
  • da
  • de
  • en
  • es
  • fr
  • nl
  • tr
  • zh_CN
  • zh_TW

event

名称 参数 描述
onProgress name 当一个模块被成功加载的时候触发。
onLoad name 当一个模块和它的依赖被成功加载的时候触发。

method

名称 参数 描述
load module, callback 加载指定模块。当加载成功的时候一个回调函数将被调用。
module 参数的有效类型是:
单个 module 名称
一个 module 数组
用 '.css' 结尾的 css 文件
用 '.js' 结尾的 js 文件

jQuery EasyUI plugin jQuery EasyUI plugin