Jqurey implements a page layout similar to EasyUI to change the width of the left and right. jqureyeasyui

Jqurey implements a page layout similar to EasyUI to change the width of the left and right. jqureyeasyui

As follows: (you can change the width of the div between the left and right sides by moving the Blue Bar in the middle)

The specific implementation code is as follows:

<% @ Page Language = "C #" AutoEventWireup = "true" CodeFile = "Default10.aspx. cs" Inherits = "Default10" %> <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

How can I make the center <div> as wide and high as the <table> in the page layout js or JQuery easyUI? How to obtain the split line event?
You can use percentages to determine the width and height of the table, rather than clear pixel values. If you use a clear pixel value to determine the width and height of a table, when you use a split line to change the page size, you must use js to change the corresponding width of each part of the table at the same time, if there are many embedded tables, it is very tedious.
You can bind the split line to an onmousedown event. In this event, you can determine the onmouseup event to meet your requirements. You can refer to the onmouseup event processing when the form is dragged.

Similar to jquery easyui, jquery ui can perform basic addition, deletion, modification, and query operations.
These are the basics of the ui class, of course there is no problem
However, the UI class is just the appearance and only contains the basic transmission information.
Real database operations are on the background
Easyui is very good, simple and practical