一套简单实用且精美的基于jQuery的UI库

原文网址：http://jquery-easyui.wikidot.com/tutorial

相关介绍：/article/4696812.html

完全可以替代ExtJS的Jquery UI库

Intruduction

This tutorial aims to use easyui framework to demonstrate how to create your web page easily.

First of all, you need to include some js and css file:

<linkrel="stylesheet"type="text/css"href="../themes/default/easyui.css">
<scripttype="text/javascript"src="../jquery-1.4.2.min.js"></script>
<scripttype="text/javascript"src="../jquery.easyui.min.js"></script>

easyui predefines some icon CSS class which can show background image(16x16). If you wish to use it you need to include:

<linkrel="stylesheet"type="text/css"href="../themes/icon.css">

Contents

Menu and Button

Create a simple menu

Create a Link Button

Create a Menu Button

Create a Split Button

Layout

Build border layout for Web Pages

Complex layout on Panel

Create Accordion

Create Tabs

Create XP style left panel

DataGrid

Convert a HTML table to DataGrid

Add a pagination to DataGrid

Get selected row data from DataGrid

Add a toolbar to DataGrid

Frozen columns for DataGrid

Dynamic change DataGrid columns

Formatting DataGrid columns

Add sorting to DataGrid

Create column groups in DataGrid

CheckBox select on DataGrid

Window

My first window

Custom window tools

Window and Layout

Create Dialog

Tree

Create Tree from markup

Create Async Tree

Append nodes to tree

Form

Submit a form with Ajax

Add ComboTree field to a form

Form Validation