Tutorial
This tutorial aims to use easyui framework to demonstrate how to create your web page easily.
Application
- Build CRUD Application with jQuery EasyUI
- Build CRUD DataGrid with jQuery EasyUI
- Build CRUD Application with edit form in expanded row details
- Creating a RSS Feed Reader
Drag and Drop
Menu and Button
Layout
- Build border layout for Web Pages
- Complex layout on Panel
- Create Accordion
- Create Tabs
- Dynamically add tabs
- Add autoplay to tabs
- Create XP style left panel
DataGrid
- Convert a HTML table to DataGrid
- Add a pagination to DataGrid
- Add search functionality in DataGrid
- Get selected row data from DataGrid
- Add a toolbar to DataGrid
- Create Complex Toolbar for DataGrid
- Frozen columns for DataGrid
- Dynamic change DataGrid columns
- Formatting DataGrid columns
- Add sorting to DataGrid
- Custom sorting in DataGrid
- Create column groups in DataGrid
- CheckBox select on DataGrid
- Custom DataGrid Paging
- Enable DataGrid Inline Editing
- Extend editors for DataGrid
- Calculate two column values in editing DataGrid
- Merge DataGrid Cells
- Create Custom View for DataGrid
- Displaying Summary Information in DataGrid's Footer
- Change Background Color of DataGrid Row on Some Condition
- Create a Property Grid
- Expand row in DataGrid to show details
- Create subgrid with master datagrid
- Using Virtual Scrolling View to display millions of rows
Window
- My first window
- Custom window tools
- Window and Layout
- Create Dialog
- Custom Dialog Toolbar and Buttons
Tree
- Create Tree from markup
- Create Async Tree
- Append nodes to tree
- Create Tree with CheckBox Nodes
- Drag and Drop the Tree
- Load parent/child nodes into tree
- Create a Basic TreeGrid
- Create a Complex TreeGrid
- Dynamic Loading in TreeGrid
- Add a pagination to TreeGrid