java - 如何从字符串参数设置ZK中的图像内容

Question

这个问题已经有答案了:

What is a NullPointerException, and how do I fix it? (12 个回答)

已关闭 7 年前。

需要帮助，我想从下面的代码中的字符串参数设置 url 图像，这是我从数据库中的表路径获得的，这是我的 .zul 代码:

   <div data-u="slides" apply="id.my.berkah.web.controller.ListTopController" style="cursor: default; position: relative; top: 0px; left: 0px; width: 900px; height: 250px; overflow: hidden;">
            <div data-p="112.50" style="display: none;">
            <img data-u="image" src="ImageProgram/Tsel-Banner.jpg" />
            </div>
            <div data-p="112.50" style="display: none;">
            <img data-u="image" src="ImageProgram/Xl Baner.jpg" />
            </div>
            <div data-p="112.50" style="display: none;">
            <img data-u="image" src="ImageProgram/IndosatBnr.jpg" />
            </div>
            <div id="jssor_1" apply="id.my.berkah.web.controller.ListTopController" data-p="112.50" style="display: none;">
            <image id="bg4" data-u="image" src="" />
            </div>
            <a data-u="ad" href="http://www.jssor.com" style="display:none">Responsive Slider</a>

        </div>

这是我正在使用的 Controller import org.zkoss.zul.Image :

@Wire 
Image bg4;

 @Listen("onCreate=#listTop")
    public void initWindow() throws IOException {
    AImage tempImage=null;    
    prmTrxTop par=new prmTrxTop(); 
    par.setPrmOutlet("%%");
    ReportImpl list = new ReportImpl();
    List<TopModel> result = list.selectTop(par);
    String image1=result.get(0).getImageModel1();
    bg4.setSrc(image1);
    }

但它只是给了我空指针异常，我应该如何从数据库中的表路径设置 src Image 。

Answer 1

我首先发表一些评论，看看事情的发展方向。
最简单的修复方法就是更改为 MVVM。

MVVM 更容易理解，无需连接和可重用 zul 或 ViewModel。

我们如何开始，首先我们更改 zul :

祖尔:

<div data-u="slides" apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('id.my.berkah.web.controller.ListTopController')" style="cursor: default; position: relative; top: 0px; left: 0px; width: 900px; height: 250px; overflow: hidden;">
    <div data-p="112.50" style="display: none;">
        <img data-u="image" src="ImageProgram/Tsel-Banner.jpg" />
    </div>
    <div data-p="112.50" style="display: none;">
        <img data-u="image" src="ImageProgram/Xl Baner.jpg" />
    </div>
    <div data-p="112.50" style="display: none;">
        <img data-u="image" src="ImageProgram/IndosatBnr.jpg" />
    </div>
    <div id="jssor_1" data-p="112.50" style="display: none;">
         <image id="bg4" data-u="image" src="@load(vm.myImage)" />
         <button label="change img source" onClick="@command('changeSrc') onCreate="@command('changeSrc')"/>
    </div>
    <a data-u="ad" href="http://www.jssor.com" style="display:none">Responsive Slider</a>
</div>

Java:

public class ListTopController {
    private String myImage;

    @Init
    public void callMeWhateverYouWant() {
        // do what you need to fetch your src.
        myImage = "";
    }

    @Command
    @NotifyChange("myImage")
    public void changeSrc() {
        //This can be added to any event.
        //you can change your image or something else, but you need to notify what's changed.
        myImage="new img src";
    }

    public String getMyImage() {
        return myImage;
    }

    //setter not needed as we use only @load.
}   

首先，如果代码中有任何错误，请告诉我，我会纠正它们。
这样做的原因是我的代码生活是写在SO上的，所以总是有可能出现错字。现在我添加了一个按钮来显示如何调用该命令。
你看，只要它们存在，我就可以在任何我喜欢的事件上调用它。
请注意，必须在声明 View 模型的组件范围内调用该命令。 (但这也适用于 Controller )

如果还有任何问题，请发表评论，我会澄清更多信息。

编辑:

为了完成评论中问题的回答:

• @bind 不会帮助您，这是 @load + @save 的快捷方式。
  
• 您应该检查您的 getter 是否被调用:
• 是 => src 将不正确。
• 否 => NotifyChange 不存在或设置在命令或 setter 之外的其他东西上。您可以使用 BindUtils.postNotifyChange(null,null,myImage,"."); 来告诉绑定(bind)器重新加载属性。 (应该用这个来调用 getter)
• 关于html，你是在zul文件还是其他文件中工作？(应该是zul)Native html can be added in zul with native namespace.