Best component to display a list of news story headlines?

answered 2019-03-05 13:20:50 +0800

MDuchemin
2560 ● 1 ● 6

Depends on a number of factors (project pattern, page structure, presentation, etc...) but that sounds like a good case for templating.

I'd make a simple vlayout containing a collection of "newscard", and pass variables such as "imageSrc (if you want different logo for each news), titleTxt, mainTxt, readMoreUrl,..."

newscard can be many things, but I'd go for simple components (div, image, label, [a href="${url}"] for the "read more" link, possibly hlayout/vlayout for relative positioning).

With the newscard template ready, most basic case would be collection binding with anything that lets you instantiate a template with variables (fragment, template, include, executions.createComponents(), ...).

I wouldn't recommend a composite (such as macro-component, or custom component) unless each newscard is behavior-heavy with a bunch of events for each card. Would work, but that's more work that you don't need, unless you have a control-heavy or event-heavy newscard :)

With MVC, I'd just make a newscard.zul snippet as a separate zul file, with variables for the relevant stuff, then iterate through my news model doing Executions.createComponents or createComponentsDirectly while passing the data for each newscard.

With ZK8/MVVM, that's a good use-case for shadow elements (forEach / template is a perfect for that situation. If news are updated in real-time, using a ListModel<newscarddata> as source for the <foreach> makes it really easy to render / update). Of course, good old children="@load(vm.model)" binding with template is still an option.