current location：Home > Technical Articles > Web Front-end > Layui Tutorial
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- How to hide the layui slider
- How to hide the layui slider: first open the corresponding code file; then use the "content: ['/home/index/echartTest?role=2&wd='+host,'no']" method to disable the ifrma scroll bar display.
- Layui Tutorial 3984 2020-11-30 14:16:30
-
- How to clear form data in layui
- The method of clearing form data in layui: first create a form data; then implement monitoring submission; finally clear the form through "$("#addGoodsForm")[0].reset();".
- Layui Tutorial 5113 2020-11-30 15:12:07
-
- Implementation method of deleting the current row in layui data table
- How to delete the current row in the layui data table: first create a code sample file; then use the "oldData.splice(obj.tr.data('index'),1);" method to delete the current row.
- Layui Tutorial 4299 2020-11-30 13:57:34
-
- What is the read-only attribute of layui input?
- The readonly attribute of layui input is readonly, which specifies that the input field is read-only, and the readonly attribute prevents users from modifying the value until certain conditions are met.
- Layui Tutorial 6204 2020-11-24 10:47:25
-
- Layui calls the elastic layer method
- How to call the elastic layer in layui: 1. Reference the independent [layer.js] file, the code is like [<script src="layer.js"></script>]; 2. Call the layer module in layui, the code is like [ ayer.msg('hello');].
- Layui Tutorial 2570 2020-11-30 13:54:52
-
- How to use modularization in layui
- Layui uses a modular approach: follow layui's module specifications to create an entry file, and load the entry file through the layui use method, such as [layui.use(['layer'], function(){var layer = layui. layer}].
- Layui Tutorial 3589 2020-11-30 14:01:00
-
- How to use open attribute to hide button in layui
- Layui uses the open attribute to hide the button: This can be achieved by adding the style [closeBtn:0] in the [layer.open] method. Layer provides two styles of close buttons, which can be displayed by configuring 1 and 2.
- Layui Tutorial 5661 2020-11-30 13:48:01
-
- How to refresh the current tab in layui
- Layui's method of refreshing the current tab: You can use the reload method to refresh, such as [location.reload();]; the reload method is used to refresh the current document. The function of this method is similar to the refresh page button on the browser. .
- Layui Tutorial 6444 2020-11-30 11:56:05
-
- How to close the popup layer in layui
- How to close the pop-up layer in layui: through the [layer.closeAll();] method, this method can close all pop-up layers; if we only need to close the page layer, we can use the method [layer.closeAll('page') ;】to fulfill.
- Layui Tutorial 8735 2020-11-30 10:49:00
-
- How to get table data in layui
- Methods to obtain table data in layui: 1. Create a js object array to save the original data in the table; 2. Assign the data parameter of [table.render()] to the object array; 3. Get the data in tableContent. Can.
- Layui Tutorial 16079 2020-11-30 10:01:48
-
- How to close the current pop-up window in layui
- How to close the current pop-up window in layui: first get the name of the current window; then use [parent.layer.close(index);] to close the current window.
- Layui Tutorial 10439 2020-11-30 11:29:00
-
- How to use jquery in layui
- How to use jquery in layui: 1. Actively load the jquery module with statements such as "layui.use(['jquery', 'layer']...)"; 2. Through "layui.use('layer', function() {...}"method.
- Layui Tutorial 4086 2020-11-20 10:22:23
-
- How to customize the width and height of the layer in layui?
- The layer module in layui can use the area attribute to set the width and height. By default, the layer is adaptive in both width and height, but when you need to customize the width and height, you can use the "area:['width','height']" statement to set it, for example "area:['500px' ,'300px']".
- Layui Tutorial 4605 2020-11-20 10:13:14
-
- How to set input prohibition in layui input box
- How to disable input in the layui input box: first open the corresponding code file; then set the input box attribute to "disabled readonly class="layui-input layui-disabled"" to disable input.
- Layui Tutorial 10608 2020-11-20 10:13:06
-
- How to implement three-level linkage in layui
- The method for layui to implement three-level linkage: first create an html page; then create the [address.js] file with the content "Address.prototype.provinces = function(){...}"; finally implement the three-level linkage through the layui module That’s it.
- Layui Tutorial 5732 2021-04-15 10:52:05
Recommended Articles
Tool Recommendations
jQuery enterprise message form contact code
jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29
HTML5 MP3 music box playback effects
HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.
Player special effects
2024-02-29
HTML5 cool particle animation navigation menu special effects
HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29
jQuery visual form drag and drop editing code
jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29
Organic fruit and vegetable supplier web template Bootstrap5
An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03
Bootstrap3 multifunctional data information background management responsive web page template-Novus
Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02
Real estate resource service platform web page template Bootstrap5
Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02
Simple resume information web template Bootstrap4
Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02
Cute summer elements vector material (EPS PNG)
This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09
Four red 2023 graduation badges vector material (AI EPS PNG)
This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29
Singing bird and cart filled with flowers design spring banner vector material (AI EPS)
This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29
Golden graduation cap vector material (EPS PNG)
This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27
Home Decor Cleaning and Repair Service Company Website Template
Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09
Fresh color personal resume guide page template
Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29
Designer Creative Job Resume Web Template
Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
Modern engineering construction company website template
The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
