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

This question already has answers here:

What is a NullPointerException, and how do I fix it?
                                
                                    （12个答案）
                                
                        
                                3年前关闭。
            
                    
需要帮助，我想从我下面的代码中的String参数设置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>

这是我正在使用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。

最佳答案

我首先发表一些评论，以了解前进的方向。
最简单的解决方法就是更改为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上编写了代码寿命，因此总是存在输入错误的可能。
现在，我添加了一个按钮以显示如何调用该命令。
您知道只要存在，我就可以在任何事件上调用它。
请注意，必须在声明视图模型的组件范围内调用该命令。 （但这也适用于控制器）

如果还有其他问题，请发表评论，我会进一步澄清。

编辑：

为了完成对评论问题的回答：


@bind不会帮助您，这是@load + @save的快捷方式。
您应该检查您的吸气剂是否称为：
是=> src将不正确。
否=> NotifyChange不存在或不在命令或设置器上设置。您可以使用BindUtils.postNotifyChange(null,null,myImage,".");来告诉活页夹重新加载该属性。 （getter应该与此一起调用）
关于html，您正在使用zul文件还是其他文件？（应该是zul）Native html can be added in zul with native namespace.