首页 / AJAX / java-小门使用ajax在不同面板中刷新listView

java-小门使用ajax在不同面板中刷新listView

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了java-小门使用ajax在不同面板中刷新listView，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6539字，纯文字阅读大概需要10分钟。

内容图文

大家好,我是Wicket的新手,我开始玩这个框架.
我知道这将是一个非常无用的示例,但我尝试将其用于学习检票基础.
这是我的情况：

我得到一个页面IndexPage.java,该页面基本上由两个面板组成,第一个是ListCheesePanel.java(它基本上显示带有价格等的奶酪列表,以及用于将选择的奶酪添加到购物车的按钮),第二个一个是CartPanel.java,它本质上是一个购物车,您可以在其中拥有所有选定的奶酪,然后可以继续检出.

我基本上会使用ajax行为将列表中的奶酪添加到购物车中：

ListCheesePanel.java

public abstract class ListCheesePanel extends GenericPanel<List<Cheese>>{

    private static final long serialVersionUID = 1L;

    public ListCheesePanel(String id,final IModel<List<Cheese>> listCheeseModel) {
        super(id,listCheeseModel);
        PageableListView<Cheese> cheeses = new PageableListView<Cheese>("cheeses", listCheeseModel, 4) {

            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(final ListItem<Cheese> item) {

                Cheese cheese = (Cheese) item.getModelObject();
                item.addOrReplace(new Label("name", Model.of(cheese.getName())));
                item.addOrReplace(new Label("description", Model.of(cheese.getDescription())));
                item.addOrReplace(new Label("price", Model.of("$" + cheese.getPrice())));
                item.addOrReplace(new AjaxFallbackLink<Cheese>("add",item.getModel()) {

                    private static final long serialVersionUID = 1L;

                    @Override
                    public void onClick(AjaxRequestTarget target) {
                        elementClicked(target, item.getModelObject());
                    }
                });
            }
        };
        addOrReplace(cheeses);
        addOrReplace(new PagingNavigator("navigator", cheeses));
    }

    protected abstract void elementClicked(AjaxRequestTarget target,Cheese cheese);
}

elementClicked是必须使用ovverride的方法,以指示奶酪和目标.

CartPanel.java

public abstract class CartPanel extends GenericPanel<Cart>{

    private static final long serialVersionUID = 1L;

    private WebMarkupContainer cartContainer;
    private ListView<Cheese> cheesesList;   
    private Link<Cart> checkOutLink;
    private boolean checkOutButtonVisibility;

    public CartPanel(String id,final IModel<Cart> cartModel,final boolean checkOutButtonVisibility) {
        super(id,cartModel);
        this.checkOutButtonVisibility=checkOutButtonVisibility;
        cartContainer = new WebMarkupContainer("cartContainer");
        cartContainer.setOutputMarkupId(true);
        addOrReplace(cartContainer);
        cheesesList = new ListView<Cheese>("cart" , getModelObject().getCheeses()){

            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(final ListItem<Cheese> item) {
                Cheese cheese = item.getModelObject();
                item.addOrReplace(new Label("name",cheese.getName()));
                item.addOrReplace(new Label("price",cheese.getPrice()));
                item.addOrReplace(new Link<Cheese>("remove",item.getModel()) {

                    private static final long serialVersionUID = 1L;

                    @Override
                    public void onClick() {
                        removeElement(item.getModelObject());
                    }
                });
            }
        };

        cheesesList.setOutputMarkupId(true);        
        cartContainer.addOrReplace(cheesesList);
        cartContainer.addOrReplace(new Label("total",new PropertyModel<Long>(cartModel.getObject(), "total")));

        checkOutLink = new Link<Cart>("checkOut",getModel()){

            private static final long serialVersionUID = 1L;

            @Override
            public void onClick() {
                setResponsePage(new CheckOutPage(getModel()));
            }

            @Override
            protected void onConfigure() {
                super.onConfigure();
                Cart cart = cartModel.getObject();
                List<Cheese> cheeseList = cart.getCheeses();
                setVisible(isCheckOutButtonVisibility() && !cheeseList.isEmpty());
            }

       };    

       addOrReplace(checkOutLink);
    }

    protected abstract void removeElement(Cheese modelObject);

    /* Getters and Setters */

    public boolean isCheckOutButtonVisibility() {
        return checkOutButtonVisibility;
    }
}

IndePage.java

public class IndexPage extends CheeseTemplate {

    private static final long serialVersionUID = 1L;
    private static List<Cheese> cheeses = Arrays.asList(
            new Cheese("Gouda", "Gouda is a yellowish Dutch[...]", 1.65),
            new Cheese("Edam", "Edam (Dutch Edammer) is a D[...]", 1.05),
            new Cheese("Maasdam", "Maasdam cheese is a Dutc[...]", 2.35),
            new Cheese("Brie", "Brie is a soft cows' milk c[...]", 3.15),
            new Cheese("Buxton Blue", "Buxton Blue cheese i[...]", 0.99),
            new Cheese("Parmesan", "Parmesan is a grana, a [...]", 1.99),
            new Cheese("Cheddar", "Cheddar cheese is a hard[...]", 2.95),
            new Cheese("Roquefort", "Roquefort is a ewe's-m[...]", 1.67),
            new Cheese("Boursin", "Boursin Cheese is a soft[...]", 1.33),
            new Cheese("Camembert", "Camembert is a soft, c[...]", 1.69),
            new Cheese("Emmental", "Emmental is a yellow, m[...]", 2.39),
            new Cheese("Reblochon", "Reblochon is a French [...]", 2.99));

    private IModel<List<Cheese>> allCheeseListModel;
    private IModel<Cart> cartModel;
    private Cart cart;

    public IndexPage() {
        super();
        allCheeseListModel = new ListModel<Cheese>(cheeses);
        cart=new Cart();
        cartModel = new Model<Cart>(cart);
    }

    public IndexPage(IModel<Cart> cartModel) {
        super();
        allCheeseListModel = new ListModel<Cheese>(cheeses);
        this.cartModel=cartModel;
    }

    @Override
    public Component getMainPanel() {
        System.out.println("getMainPanel started");

        return new ListCheesePanel(MAIN_PANEL_WICKET_ID,allCheeseListModel){

            private static final long serialVersionUID = 1L;

            @Override
            protected void elementClicked(AjaxRequestTarget target,Cheese cheese) {
                Cart cart = cartModel.getObject();
                cart.getCheeses().add(cheese);
                target.add(?????); // How can i get the cart container to update????
            }
        };
    }

    @Override
    public Component getRightMenuPanel() {
        CartPanel cartPanel = new CartPanel(RIGHT_MENU_PANEL_WICKET_ID,cartModel,true) {

            private static final long serialVersionUID = 1L;

            @Override
            protected void removeElement(Cheese cheese) {
                Cart cart = cartModel.getObject(); 
                cart.getCheeses().remove(cheese);
            }
        };
        cartPanel.setOutputMarkupId(true);
        return cartPanel;
    }

}

我的问题是：

如果该组件位于另一个面板中,如何获取该组件的引用以进行更新(因此,我认为示例中为cartContainer,因为我无法将listView组件直接添加到目标中)？

提前致谢

解决方法:

我真正想做的是处理事件.

我定义了这样的全局AjaxUpdateEvent：

AjaxUpdateEvent

public class AjaxUpdateEvent
{
    public AjaxRequestTarget target;

    public AjaxUpdateEvent( AjaxRequestTarget target )
    {
        this.target = target;

    }

    public AjaxRequestTarget getTarget()
    {
        return this.target;
    }

}

然后,我将我感兴趣的事件子类化,例如CheeseAddedEvent扩展了AjaxUpdateEvent

然后,添加奶酪时需要执行某些操作的所有组件都具有onEvent()

OnEvent

@Override
public void onEvent( IEvent<?> event )
{
    Object payload = event.getPayload();

    @SuppressWarnings( "rawtypes" )
    Class clazz = payload.getClass();

    //or use isAssignableFrom() or instanceof or any method you like
    if ( CheeseAddedEvent.class.equals( clazz ) )
    {
        CheeseAddedEvent e = ( (CheeseAddedEvent) payload );
        e.target.add( this );
    }
    super.onEvent(event);
}

用法

....
public void onClick(AjaxRequestTarget target)
{
    this.send( this.getPage(), Broadcast.BREADTH, new CheeseAddedEvent( target ) );
}
....

内容总结

以上是互联网集市为您收集整理的java-小门使用ajax在不同面板中刷新listView全部内容，希望文章能够帮你解决java-小门使用ajax在不同面板中刷新listView所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/661216.html

来源：【匿名】

【上一篇】php-通过ajax框架加载漂亮照片【下一篇】AJAX for PHP简单表数据查询实例

更多 ►

【java-小门使用ajax在不同面板中刷新listView】教程文章相关的互联网学习教程文章

ssm+ajax异步请求返回list遍历

jsp页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><script type="text/javascript" src="js/jquery-1.5.js"></script><script type="text/ja...

thinkphp中的volist标签在ajax操作中的特殊性

在一个ThinkPHP的复杂页面（包含volist）中实现volist标签显示Jquery查询结果的返回。这篇文章给大家介绍了thinkphp 中的volist标签在ajax操作中的特殊性(推荐)，需要的朋友参考下吧背景在一个ThinkPHP的复杂页面（包含volist）中实现volist标签显示Jquery查询结果的返回知识点使用ajax的目的是不刷新整个页面的前提下实现部分表格数据的刷新，但是注意ThinkPHP框架中的volist标签是运行在服务器端的，所以使用js动态获取的数据是无...

thinkphp中volist标签在ajax使用有哪些注意事项

这次给大家带来thinkphp中volist标签在ajax使用有哪些注意事项，下面就是实战案例，一起来看一下。背景在一个ThinkPHP的复杂页面（包含volist）中实现volist标签显示Jquery查询结果的返回知识点使用ajax的目的是不刷新整个页面的前提下实现部分表格数据的刷新，但是注意ThinkPHP框架中的volist标签是运行在服务器端的，所以使用js动态获取的数据是无法使用thinkPHP标签的，无法将 $this->ajaxReturn($data); 的结果直接用 $("#p_id...

ajax传递list集合详解

本文主要和大家分享ajax传递list集合详解，希望能帮助到大家。一：ajax传递List<String>类型的数据js代码：//声明list var _list = []; //放入string对象 for (var i = 0; i < 3; i++) { _list[i]="tom"; } $.ajax({ url : /ajax/test, data : "list="+_list, type : "POST", success : function(data) { alert(data); } });java代码：@RequestMapping(value="test",method=RequestMethod.POST) @ResponseBod...

thinkphp中的volist标签在ajax中操作详解

在一个ThinkPHP的复杂页面（包含volist）中实现volist标签显示Jquery查询结果的返回。本文主要和大家介绍thinkphp 中的volist标签在ajax操作中的特殊性(推荐)，需要的朋友参考下吧，希望能帮助到大家。背景在一个ThinkPHP的复杂页面（包含volist）中实现volist标签显示Jquery查询结果的返回知识点使用ajax的目的是不刷新整个页面的前提下实现部分表格数据的刷新，但是注意ThinkPHP框架中的volist标签是运行在服务器端的，所以使用j...

thinkphp 中的volist标签在ajax操作中的特殊性(推荐)

背景在一个ThinkPHP的复杂页面（包含volist）中实现volist标签显示Jquery查询结果的返回知识点使用ajax的目的是不刷新整个页面的前提下实现部分表格数据的刷新，但是注意ThinkPHP框架中的volist标签是运行在服务器端的，所以使用js动态获取的数据是无法使用thinkPHP标签的，无法将 $this->ajaxReturn($data); 的结果直接用 $("#div_id").HTML(data) 的方法显示。目前找到的解决方法（都有缺陷） 1.新建一个页面进行显示重新打...

jQueryajax请求返回list数据动态生成input标签,并把list数据赋值到input标签_jquery

废话不多说了，直接给大家贴代码了，具体内容如下所示： // jsfunction myBtn_f() { var cnt = $('#myCnt').val(); syncAjax('myAjax.html', { 'cnt' : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d = $('#myDiv'); alert("[" + data + "]"); for ( var i = 0; i "); input1.attr('value', data[i]); $d.append(input1); } } else { alert("error"); } }); } function syncAjax(myUr...

jquery ajax后台返回list,前台用jquery遍历list的实现

如下所示： $.ajax({ type: post, url: "maintain_findRoomByBuildingId.shtml", cache: false, data: {"buildingId":buildingId}, dataType: json, success: function(data){ jQuery.each(data.roomList, function(i,item){ alert(item.id+","+item.name); }); }, error: function(){ return; } }); 以上就是小编为大家带来的jquery ajax后台返回list,前台用jquery遍历list的实现全部内容了，希望大家多多支持脚本...

jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签

废话不多说了，直接给大家贴代码了，具体内容如下所示： // js<script type="text/javascript"> function myBtn_f() { var cnt = $(#myCnt).val(); syncAjax(myAjax.html, { cnt : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d = $(#myDiv); alert("[" + data + "]"); for ( var i = 0; i < data.length; i++) { var input1 = $("<input type=text name=input1 />"); input1.attr(va...

asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例【图】

本文主要列举了省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例。前段时间需要作一个的Web前端应用，需要用多个框架，一个典型的应用场景是省市三级联动，基于此应用，特将三种主要的ajax框架略作整理，方便有需要的朋友查阅。在示例之前，我们先设置一个演示数据源，新建一个项目，项目结构如图：主要文件如下：AreaModel.cs: 代码如下:using System; using System.Collections.Generic; namespace Dow...

ASP.NET Ajax级联DropDownList实现代码【图】

了解级联DDL 那么考虑以下几种常见情景: 用户注册时需要选择国家、省、市、地区等。用户购买产品时选择产品类别、产品名称、产品型号。以上的例子有一些共同特点：上一级（如省）选择后下一级（如市）才可以选择。下一级的内容由上一级的内容决定。像这样的一组DropDownList就是级联DDL.常见的解决方法是将带有层次的数据写入XML，然后设置DropDownList的AutoPostBack属性为"True"开启自动回调，最后处理SelectedIndexCha...

添加后台list给前台select标签赋值简单实现

代码如下:$.ajax({ url : "user!findUserList.action", type : "post", success: function(data){ var jsonObj=eval("("+data+")"); $.each(jsonObj, function (i, item) { jQuery("#userList").append("<option value="+ item.userId+">"+ item.userRealName+"</option>"); }); }, error: function(text) {} }); 代码如下:public void findUserList() throws IOException { List<UserModel> roleuserList = userService.findUse...

commandButton/commandLink/ajax action/listener method not invoked or input value not updated

http://stackoverflow.com/questions/2118656/commandbutton-commandlink-ajax-action-listener-method-not-invoked-or-input-valuecommandButton/commandLink/ajax action/listener method not invoked or input value not updated标签：and size target listener method color man blank command 本文系统来源：http://www.cnblogs.com/565261641-fzh/p/5989035.html