Using Zen Components - InterSystems Documentation

Other Zen ComponentsThe content may not reference other Zen components. However, it may contain Zen #()# runtime expressions.• Define a server-side OnDrawContent callback method that writes HTML content. If you define such a method, andreference it from the element, this method is called whenever the component is displayed.The method itself would look something like this:Method GetHTMLContent(pSeed As %String) As %Status{&htmlQuit $$$OK}• If you work with the component programmatically, you will see that it has a content property, a string of HTMLstatements. An initial value of the content can be set by placing the desired HTML tags in between the and elements in XData Contents, or by referencing an OnDrawContent callback.Client code can change the value of the content property by resetting it from JavaScript. The following example usesthe JavaScript utility function zenSetProp() to do this:// get html contentzenSetProp('myContent','content','some new content');The component has the following attributes:AttributeZen componentattributesDescription has the same general-purpose attributes as any Zen component. Fordescriptions, see these sections:• “Behavior” in the “Zen Component Concepts” chapter of Using Zen• “Component Style Attributes” in the “Zen Style” chapter of Using ZenOnDrawContentName of a server-side callback method in the Zen page class. This method providesHTML content using &html syntax or WRITE commands.Zen invokes this method whenever it draws the component, automaticallypassing it a %String that contains the component’s seed value. The callback mustreturn a %Status data type. The following is a valid method signature:Method DrawMe(pSeed As %String) As %StatusTo use the above method as the callback, the developer would setOnDrawContent="DrawMe" for the component.seedAllows you to pass some arbitrary value to the OnDrawContent callback.9.2 Framed ContentThe Zen component is a wrapper for the HTML element. It may display images or other content withina frame.240 Using Zen Components