# SelectorQuery NodesRef.fields(Object fields, function callback)
with Promise style call: Not supported
Mini Program plugin: Support
Gets information about the node. The fields to fetch are specified in fields. The return value is nodesRef
Corresponding selectorQuery
# parameter
# Object fields
attribute | type | Default values | Required | Introductions | Minimum version |
---|---|---|---|---|---|
id | boolean | false | no | Returns a node id | |
dataset | boolean | false | no | Returns a node dataset | |
mark | boolean | false | no | Returns a node mark | |
rect | boolean | false | no | Returns the node layout locationleft right top bottom ) | |
size | boolean | false | no | Returns the node sizewidth height ) | |
scrollOffset | boolean | false | no | no Whether to return a node's scrollLeft scrollTop Node must be scroll-view or viewport | |
properties | Array.<string> | [] | no | Specifies a list of property names that returns the current property value of the node corresponding to the property name. class style And event - bound property values are not available | |
computedStyle | Array.<string> | [] | no | Specifies a list of style names and returns the current value of the node corresponding to the style name | 2.1.0 |
context | boolean | false | no | Returns the corresponding node Context object | 2.4.2 |
node | boolean | false | no | Returns the corresponding node Node Example | 2.7.0 |
# function callback
callback
# parameter
# Object res
Node related information
# Return value
# SelectorQuery
# Be careful
computedStyle Has a higher priority than Size, when at the same time computedStyle Lee specified width/height And passed in size: True, returns first computedStyle Acquired width/height。
# sample code
Page({
getFields () {
wx.createSelectorQuery().select('#the-id').fields({
dataset: true,
size: true,
scrollOffset: true,
properties: ['scrollX', 'scrollY'],
computedStyle: ['margin', 'backgroundColor'],
context: true,
}, function (res) {
res.dataset // DataSet for Node
res.width // Width of node
res.height // Node height
res.scrollLeft // Horizontal scrolling position of node
res.scrollTop // Vertical scroll position of node
res.scrollX // node scroll-x Property's current value
res.scrollY // node scroll-y Property's current value
// Returns the specified style name to be returned here
res.margin
res.backgroundColor
res.context // Node corresponding Context object
}).exec()
}
})