Sidebar content: item list

• Lists items received from layer query
  • Item display is a single line using the layer's popup's title pattern
• Clicking on an item switches sidebar content to the item detail display for that item

Configuration items

• layer field names for name, date, vote
• layer's popup's title pattern
• color set (background, foreground, shading)

I18N items

• votes tooltip

Sample query result for generating item list

source

showItemsList(
    {"objectIdFieldName":"OBJECTID","globalIdFieldName":"","geometryType":"esriGeometryPoint","spatialReference":{"wkid":102100,"latestWkid":3857},"fields":[{"name":"OBJECTID","type":"esriFieldTypeOID","alias":"OBJECTID","sqlType":"sqlTypeOther","domain":null,"defaultValue":null},{"name":"Idea","type":"esriFieldTypeString","alias":"Idea","sqlType":"sqlTypeOther","length":255,"domain":null,"defaultValue":null},{"name":"Name","type":"esriFieldTypeString","alias":"Name","sqlType":"sqlTypeOther","length":50,"domain":null,"defaultValue":null},{"name":"Date","type":"esriFieldTypeDate","alias":"Date","sqlType":"sqlTypeOther","length":8,"domain":null,"defaultValue":null},{"name":"Votes","type":"esriFieldTypeSmallInteger","alias":"Votes","sqlType":"sqlTypeOther","domain":null,"defaultValue":null}],"features":[{"attributes":{"OBJECTID":4,"Idea":"","Name":"","Date":1420525290553,"Votes":0},"geometry":{"x":-13046856.38424792,"y":4037275.1940484862}},{"attributes":{"OBJECTID":3,"Idea":"","Name":"My Name is Moderately Long","Date":1420524782564,"Votes":20},"geometry":{"x":-13046889.377574572,"y":4037251.3074771543}},{"attributes":{"OBJECTID":6,"Idea":"a properly-dated idea","Name":"fred","Date":1420497265187,"Votes":0},"geometry":{"x":-13046785.91886249,"y":4037314.0097269}},{"attributes":{"OBJECTID":5,"Idea":"","Name":"","Date":1420496807344,"Votes":0},"geometry":{"x":-13045852.700378427,"y":4037523.6143904249}},{"attributes":{"OBJECTID":1,"Idea":"first idea","Name":"my name","Date":1417392000000,"Votes":1},"geometry":{"x":-13046642,"y":4036747}},{"attributes":{"OBJECTID":2,"Idea":"Penn Ave","Name":"My Name is Very Long and Will be Cut Off","Date":null,"Votes":0},"geometry":{"x":-13045728.490207464,"y":4038765.7161000567}}]}
);

back to home page