Project front-end development common plug-ins summary

• Tree-shaped structure display

Ztree is a versatile "tree plugin" that relies on jQuery. The combination of excellent performance, flexible configuration and multiple functions is the biggest advantage of Ztree. Specially suitable for project development, especially tree-like menu, Web display of tree data, rights management and so on.

Ztree is open source free software (MIT license). Under the role of open source, Ztree more and more perfect, now has a lot of fans, and in the future will introduce more Ztree expansion function library, let ztree more powerful.

Features of Ztree:

Ztree v3.0 The core code is segmented by functionality, and unwanted code can be used without loading

Using the lazy loading technology, tens of thousands of nodes easily loaded, even under the IE6 can basically do the second kill

Compatible with browsers such as IE, FireFox, Chrome, Opera, Safari, etc.

Support for JSON data

Supports static and Ajax loading of node data asynchronously

Supports any skin change/custom icon (depending on CSS)

Support for extremely flexible checkbox or radio selection functions

Provides multiple event response callbacks

Flexible editing (Add/delete/change/check) function, you can drag and drop the node, but also multi-node drag yo

Multiple Tree instances can be generated at the same time within a page

Simple parameter configuration for flexible functions

Official website: http://www.ztree.me/v3/main.php#_zTreeInfo

• Online text editing

Kindeditor is a set of open source HTML visual editor, mainly used for users to get WYSIWYG editing results on the site, compatible with IE, Firefox, Chrome, Safari, opera and other mainstream browsers. Kindeditor is written in JavaScript and can be seamlessly bonded to Java,. NET, PHP, ASP, and other programs. Kindeditor is ideal for use on Internet applications such as CMS, malls, forums, blogs, wikis, e-mails, etc., and since the first release of the July 2006 2.0, Kindeditor has continued to expand the market share of editors with excellent user experience and leading technology, Currently, it has become one of the most popular editors in China.

Official website: http://kindeditor.net/demo.php

• Date control

Support for static limits, dynamic limits, script customization restrictions, and invalid days and invalid date features allow you to arbitrarily customize dates that cannot be selected, even if they are irregular and have no continuity, and can be easily handled by a combination of these functions ·

Official website:http://www.my97.net/dp/index.asp

• Responsive table

The DT grid is a responsive table that displays different columns for different specifications of the terminal, and for columns that are not displayed in the extension, click to expand to view. At the same time, DT Grid native support paging, Ajax datasets, printing, export, fast query, advanced query and other operations, and easy to use, for the DT Grid,destiny core Core system in the tool class has the relevant tools for this component, so that developers use the DT Grids are more efficient and convenient.

Official website:http://www.dtgrid.com/dtGrid/doc/i18n/zh-cn/index.html

• Front-end verification

DT Validator is a set of quick and easy front-end verification components, binding validation rules as FORM element tag attributes to avoid complicated JS rule definition patterns. DT Validator supports a variety of validation rules and natively supports AJAX server-side validation.

Official website:http://www.dtvalidator.com/dtValidator/doc/index.html

• Pop-up layer

Lhgdialog is a powerful and versatile dialog box component with a sophisticated interface and friendly interface

Official website:http://www.lhgdialog.com/

• < Span style= "Color:rgb (0, 176, 240); font-size:16px; " > file upload

  < Span style= "Color:rgb (0, 0, 0); font-size:12px; " > official website: http://www.52doit.com/doit/show/341

• < Span style= "Color:rgb (0, 0, 0); font-size:12px; " > chart

  < Span style= "FONT-SIZE:12PX; Color:rgb (0, 0, 0); " >

Official website:http://echarts.baidu.com/index.html

2.Highcharts is a chart library written in plain JavaScript that allows you to easily and easily add interactive diagrams to your Web site or Web application, and free of charge for personal learning, personal web and non-commercial use. The chart types supported by Highcharts are graph, area, histogram, pie, scatter, and synthetic charts.

Official website:http://www.hcharts.cn/

Project front-end development common plug-ins summary