as shown in the figure, there are four sort buttons in a table header, and the requirements are as follows: the first click on descending order, the second click on ascending order, and the third click on the default display (no sorting);
I would like to ask if there is a way to determine the three click states of the four buttons?
. I thought for a moment that if I realized it, I would have to use a more troublesome method, and I felt that it was very low~~
try the trinomial expression
record each click and switch status values can be recorded on clickdom (data-state)
<div id="dom1" data-state="1" >xx</div>$("-sharpdom1").click(){
var state = $(this).data('state')
if(state == 1){
.....
}else if(){
.....
}
}and do not affect each other
3 states, such as data-type 345 represents default, descending and ascending order. Judge the current status when you click. And request the corresponding sort result. Update data-type. after the request is completed Data-type= ((data-type+1)% 3) + 3.
because the four states cannot influence each other, all can only be judged by four variables, so it should be a good practice for data-id plus ternary expressions. If a variable, it will definitely influence each other
Why not sort it the third time? Datatable can sort each column in ascending or descending order.
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...
the traditional position: fixed; is relative to the window, and there are two main points of the problem . relative to the specified parent element fixed positioning encountered the following problems in mobile development. The green box is the...
directly above the picture, how to take this top value ...
as shown in the figure, v-for generates input, in Vue. When the add button is clicked, the cursor automatically focuses on the latest input, window and automatically moves to the appropriate location! ...
the only thing I can think of now is to save the current canvas to an array every time I finish drawing, and then take it out of the array when I undo it ...
import React, {Component} from react ; import {Menu, Dropdown, Icon} from antd ; const handleClick = () => { console.log(this); }; const menu = ( <Menu onClick={handleClick} onSelect={({item, key, selectedKeys}) => { con...
...
the scheduling page clicks the order to enter the order details. When you return to the scheduling page, you will request data rendering again. Now you want to return to the previous page without rendering. cannot be cached using keep-alive, and activa...
var t = $( -sharplxu_dr_table ).dataTable({ data: returnData, language: trans(), sDom: "top"i , "scrollX": true, paging:true, pageLength: 10, autoWidth: true, d...
use canvas to draw a chart, but how to implement an adaptive browser ...
recently, if you want to make a table, you need to fix the header and display the first two columns, because the table has a large number of columns, and the width of the table is more than 7000 px. then I have to do fixed two-column positioning. Calcul...
how to use JavaScript or node.js to find the location according to the people in the picture in the video? do you have any packages or some common simple methods? ...
through vuex, it seems that you need to create an extra state variable, and then modify the state through component A, while component B listens for changes in the state, thus realizing the transmission of events. But it feels like the value of this sta...
jq gets the date and week of the last seven days, for example: ...
determine whether the token,success is printed in this app.vue, but the page does not jump. What is the situation ...
< H2 > encounter an image track that needs to be similar to the figure in a project < H2 > what UI should be used for video tracks like this in the front end, and what common libraries are there < H1 > Thank you! < H1 > ...
The input tag has an autocomplete effect, so where are the entered values saved? How can I get it? ...
By default, the paging control of datatable is like this. Only the document can be found to control whether the first and last pages, numeric buttons, upper and lower pages are displayed. what you need to do now is to change the default display of 1...
how do I get the ID, of the DOM element in the current position of the mouse or determine if there is a DOM element in the current position? the mouse is followed by a picture and is written with the onmousemove method. I don t know if it will affect...
The website has done a QQ consultation with QQ promotion, but it cannot evoke the QQ, prompt in Huawei s own browser and Baidu browser . is there any way to determine whether the QQ call is successful? ...