Sharing of common errors in JEasyUI

EasyUI Common Mistakes

1. Whether you implement components in HMTL form or code + HTML form, when setting attributes for components, you should pay attention to the type of attribute values

string: must be quoted

number: no unit, no quotes

boolean: no quotes

Code + HTML form to implement the component, the final There is no event after the attribute. Do not add a comma after the last attribute

For example:

$(“#rr”).cmpName({k1:v1,k2:v2}) Not allowed after v2 There is a comma

2. When calling the method provided by the component, pay attention to the format of the calling method

$(“#rr”).cmpName(“Method Name”);

3. When using datagrid to display data, note that the bound JSON format data must conform to the desired format

                                                                                                                 ROWS ": [

{Stunum: 001, Stuname: 'Tome', Stusex: 'Male', Stuage: 18},

{Stunum: 002, Stuname: 'Smith', StuseX :'Female',stuAge:19},

{stuNum:003,stuName:'jack',stuSex:'Male',stuAge:20},

{stuNum:004,stuName :'lucy',stuSex:'female',stuAge:18},

##                                                                                          . The data in the form

The attribute name must be enclosed in double quotes. Do not use single quotes or exclude them. Otherwise, when calling the JQuery form method $.parseJSON(), a JSON format string will be converted into

JS object will report an error

The correct format is: {"kname":v1,"kname2":v2}

Three pop-up boxes: alert, confirm, prompt, JEasyUI all encapsulate them and place them in the messager component.

1. alert has three parameters: the first is the title of the pop-up box, the second is the detailed content information of the pop-up box, and the third is the icon information displayed by the pop-up box (there are these Types that can be filled in: info, error, question, warning)

$.messager.alert("Title information", "Message content", "error")

2. There are also three confirm Parameters: The first two are the same as alert, the third one is the callback function, the parameter data is true/false (the user clicks to confirm or cancel)

$.messsager.confirm("title information", "content information" ,function(data){ })

3. Prompt also has three parameters: the same as confirm’s parameters. The only difference is that data represents the user’s input information

$.messager. prompt("title information","content information",function(data){ })

Adaptive properties of panel component:

has data-options=" "fit:true" attribute elements (class contains the panel attribute value) will automatically fill the parent container.

The above is the detailed content of Sharing of common errors in JEasyUI. For more information, please follow other related articles on the PHP Chinese website!