Dtree add checkbox
I. objectives
To display data in a tree structure, each node (except the root node) has a checkbox in front of it. At the same time, click the parent node to select all or none of the child nodes. When all the child nodes are selected, the parent node is selected, as shown in the following figure:
Note: I changed the display icon to false (I do ...
Posted by FillePille on Tue, 31 Dec 2019 00:38:44 -0800
js implementation element animation
The following are the summary of MOOC online courses https://www.imooc.com/video/3179
eg1: element attribute value with px
// Think about whether you can use the binomial operator to say a sentence directly
function getStyle(obj, attr) {
// IE
if (obj.currentStyle) {
ret ...
Posted by RavenStar on Mon, 30 Dec 2019 23:35:09 -0800
Using HTML, Vue + element UI as desktop UI
DSkin encapsulates the Web UI development mode to develop desktop applications, which is very convenient to use Vue. It's a little like WPF
Let's use element UI as a simple example.
Operation effect; you can change the layout effect according to your own needs.
Element UI template code of main framework
<div id="page" class="shadow ...
Posted by Cheeseweasel on Mon, 30 Dec 2019 20:15:37 -0800
Achieve Baidu paging effect
This time, we mainly use: jquery+angularjs+bootstrap to achieve paging effect
Test tool: HBuilder
First of all, we need to analyze the principle of Baidu paging. Here is my screenshot of paging
First, create a project, create a page, and add json data
Import corresponding js and cs
Start writing
First, import js and ...
Posted by Imothep on Mon, 30 Dec 2019 09:41:38 -0800
Get the value of iframe parent element
Getting associated fields
Sometimes a child page needs to get the value of the iframe page as the associated field between the child page and the parent yemi page. First obtain the html element of the parent page through parent.document, and then transfer the value of the parent page to the child page.
The parent page adds th ...
Posted by sy-co on Mon, 30 Dec 2019 08:37:03 -0800
jQuery realizes the function of clicking icon div to enlarge and shrink
A very basic function, click the icon button in the lower left corner, the whole div of the map will become larger. After the preview becomes larger, click the icon button again, the whole div of the map will become smaller and return to its original state. The two icons constantly switch the icon state (arrow inside or arrow outsi ...
Posted by webslinger on Mon, 30 Dec 2019 07:57:20 -0800
Source Explanation for Ajax Actual Projects (Quick Start Example) Github Source
Author| Jeskson
Source|Dada Front End Bistro
Source address:
https://github.com/huangguangda/Ajaxitm
What is Ajax technology?Use Ajax technology in the real world, understand the way the front and back end interact, understand the mode of the mobile end, understand the new technology of H5, understand the use of CSS3, and the use of JQuery.
Aj ...
Posted by ody on Sat, 28 Dec 2019 11:45:40 -0800
Multiple lists, js operation hides the same property value in the same row
Demand scenario:
Select a product and display the different attributes of all stores. Each ul represents a store, and each line of li represents an attribute
The effect is as follows:
Click to display all:
After clicking the hide the same item button:
Solution:
Hide button implementation:
Traversing ul, t ...
Posted by André D on Sat, 28 Dec 2019 06:40:25 -0800
jQuery (Ajax+json front and back data interaction)
jackson
Jackson is a simple java application library. Jackson can easily convert Java objects into json objects
And xml documents, you can also convert json and xml into Java objects
Core code:
ObjectMapper mapper = new ObjectMapper();
mapper.writeValueAsString(obj);
//Number of rows to get source data
int count = m ...
Posted by Thundarfoot on Fri, 27 Dec 2019 13:45:46 -0800
Solution of page switching language (prefer small station, static page)
First of all, in the html structure, add the class name to all the structures that need to be converted, preferably to the nearest parent containing the text, because we need to use the text node to replace them.
Then construct data similar to json to facilitate replacement operation. You can also declare a variable flag to re ...
Posted by ccjob2 on Fri, 27 Dec 2019 10:53:51 -0800