草庐IT

javascript - Wicket 口+Javascript

coder 2024-06-28 原文

我在 Wicket 组件中封装了一个 Javascript 小部件。我想让 JS 端与组件对话。到目前为止我得到了什么:

有问题的组件是这样的

talker = new GridAjaxBehavior();
this.add(talker);

在构造函数中

然后，稍后，放一些像

"var MyGridTalker = new talker(" + this.talker.getCallbackUrl() + ");";

进入 JS。

其中 GridAjaxBehavior 扩展 AbstractDefaultAjaxBehavior。我希望 GridAjaxBehavior 在 JS 调用它时吐回一些 XML。

我这样做是否正确？ GridAjaxBehaviour 应该如何吐出 XML？

谢谢

最佳答案

为了什么吐回一些 XML？大概是为了更新模型或 View ，是吗？

Wicket 的优势在于您不必担心呈现的 HTML。在模型- View - Controller 术语中，您设置 Controller 以正确修改模型，而 Wicket 负责 View 。

分离并不完全清楚:事实上，您可以显示/隐藏 View 组件，或者随后进行更改，这可以看作是更改 View 。

但您通常不必做的是直接管理浏览器或javascript。如果您负责在 Java 代码中进行更改，Wicket 会负责这一点。

在 Wicket 中，Ajax 将使用 AjaxRequestTarget 目标调用 AjaxBehavior 上的方法。

在该方法(或从它调用的方法)中，您可以做任何您需要做的事情，更新模型或 View ，然后将任何已更改的 View 组件添加到目标。 Wicket 负责更新浏览器。

这是一个例子。它取 self 所做的一些代码，但进行了大量修改只是为了使解释更清楚。这个想法很简单:“链接”下拉选项，当父项中的选择选项发生变化时，子项中的选项也会发生变化，如 [State] [County] [District] 的系列。

(在实际的类中，Model的变化是传给child的，child自己判断有没有变化，有变化就把自己加到target中，再把target传给child。我去掉了大部分的一个更清楚的例子。)

这里是构造函数，它只是给自己添加了一个 AjaxBehavior 的匿名子类:

public AjaxChildNotifyingDropDownChoice(...code elided for clarity...) {
    this.child = child;

    // Ajax won't work without this:
    setOutputMarkupId(true);
    // 
    add( new OnChangeAjaxBehavior() {
        @Override
        public void onUpdate(final AjaxRequestTarget target) {

            // tell child to update its list
            // based on newly selected value

            // when the Ajax is called, 
            // my owning component's model
            // is already updated

            // note we could just type getModel()
            // I'm making explicit that we're calling it
            // on the enclosing class 
            // (which a non-static inner class has a hidden ref to) 
            child.setNewModelBasedOnSelectionOf( 
               AjaxChildNotifyingDropDownChoice.this.getModel());

            // now add the child to the target
            // Wicket javascript will receive the new 
            // options and re-render the child dropdown
            target.add(child);

        }
    });
}

我们还可以隐藏或取消隐藏组件，或添加 CSS 样式等行为，甚至将一个面板换成另一个。只要对于每个更改的组件，我们: 1) 调用了 setOutputMarkupId(true)；这样javascript就可以找到它，并且 2) 将其添加到 AjaxRequestTarget

请注意，不同类型(子类)的 Ajax Behavior 具有不同的回调函数，因此请确保覆盖正确的回调函数(添加 @Override 注释，以便编译器可以在您输入错误的名称时进行提示)。

但同样，基本的 wicket 想法是，您更新模型和 View ，而不是发送原始数据供客户端解析和操作，并通过添加 chnaged 告诉 Wicket 重新呈现您所做的更改组件到目标。

我能想到的直接发送 XML 的唯一原因是将其提供给非 Wicket javascript。如果那是你的目标，请告诉我，我完全错过了重点。 ;)

关于javascript - Wicket 口+Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/218144/

javascriptcodeWicketchildjavaajaxxml

有关javascript - Wicket 口+Javascript的更多相关文章

  1. ruby-on-rails - 如何优雅地重启 thin + nginx？ - 2

    我的瘦服务器配置了nginx，我的ROR应用程序正在它们上运行。在我发布代码更新时运行thinrestart会给我的应用程序带来一些停机时间。我试图弄清楚如何优雅地重启正在运行的Thin实例，但找不到好的解决方案。有没有人能做到这一点？ 最佳答案 #Restartjustthethinserverdescribedbythatconfigsudothin-C/etc/thin/mysite.ymlrestartNginx将继续运行并代理请求。如果您将Nginx设置为使用多个上游服务器，例如server{listen80;server

  2. ruby - 使用 `+=` 和 `send` 方法 - 2

    如何将send与+=一起使用？a=20;a.send"+=",10undefinedmethod`+='for20:Fixnuma=20;a+=10=>30 最佳答案 恐怕你不能。+=不是方法，而是语法糖。参见http://www.ruby-doc.org/docs/ProgrammingRuby/html/tut_expressions.html它说Incommonwithmanyotherlanguages,Rubyhasasyntacticshortcut:a=a+2maybewrittenasa+=2.你能做的最好的事情是:

  3. ruby - 如何计算 Liquid 中的变量 +1 - 2

    我对如何计算通过{%assignvar=0%}赋值的变量加一完全感到困惑。这应该是最简单的任务。到目前为止，这是我尝试过的:{%assignamount=0%}{%forvariantinproduct.variants%}{%assignamount=amount+1%}{%endfor%}Amount:{{amount}}结果总是0。也许我忽略了一些明显的东西。也许有更好的方法。我想要存档的只是获取运行的迭代次数。 最佳答案 因为{{incrementamount}}将输出您的变量值并且不会影响{%assign%}定义的变量，我

  4. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  5. arrays - Ruby 数组 += vs 推送 - 2

    我有一个数组数组，想将元素附加到子数组。+=做我想做的，但我想了解为什么push不做。我期望的行为(并与+=一起工作):b=Array.new(3,[])b[0]+=["apple"]b[1]+=["orange"]b[2]+=["frog"]b=>[["苹果"],["橙子"],["Frog"]]通过推送，我将推送的元素附加到每个子数组(为什么？):a=Array.new(3,[])a[0].push("apple")a[1].push("orange")a[2].push("frog")a=>[[“苹果”、“橙子”、“Frog”]、[“苹果”、“橙子”、“Frog”]、[“苹果”、“

  6. += 的 Ruby 方法 - 2

    有没有办法让Ruby能够做这样的事情？classPlane@moved=0@x=0defx+=(v)#thisiserror@x+=v@moved+=1enddefto_s"moved#{@moved}times,currentxis#{@x}"endendplane=Plane.newplane.x+=5plane.x+=10putsplane.to_s#moved2times,currentxis15 最佳答案 您不能在Ruby中覆盖复合赋值运算符。任务在内部处理。您应该覆盖+，而不是+=。plane.a+=b与plane.a=

  7. ruby - Sinatra + Heroku + Datamapper 使用 dm-sqlite-adapter 部署问题 - 2

    出于某种原因，heroku尝试要求dm-sqlite-adapter，即使它应该在这里使用Postgres。请注意，这发生在我打开任何URL时-而不是在gitpush本身期间。我构建了一个默认的Facebook应用程序。gem文件:source:gemcuttergem"foreman"gem"sinatra"gem"mogli"gem"json"gem"httparty"gem"thin"gem"data_mapper"gem"heroku"group:productiondogem"pg"gem"dm-postgres-adapter"endgroup:development,:t

  8. ruby - Ruby 中字符串运算符 + 和 << 的区别 - 2

    我是Ruby和这个网站的新手。下面两个函数是不同的，一个在函数外修改变量，一个不修改。defm1(x)x我想确保我理解正确-当调用m1时，对str的引用被复制并传递给将其视为x的函数。运算符当调用m2时，对str的引用被复制并传递给将其视为x的函数。运算符+创建一个新字符串，赋值x=x+"4"只是将x重定向到新字符串，而原始str变量保持不变。对吧？谢谢 最佳答案 String#+::str+other_str→new_strConcatenation—ReturnsanewStringcontainingother_strconc

  9. ruby - rails 3.2.2(或 3.2.1)+ Postgresql 9.1.3 + Ubuntu 11.10 连接错误 - 2

    我正在使用PostgreSQL9.1.3(x86_64-pc-linux-gnu上的PostgreSQL9.1.3，由gcc-4.6.real(Ubuntu/Linaro4.6.1-9ubuntu3)4.6.1，64位编译)和在ubuntu11.10上运行3.2.2或3.2.1。现在，我可以使用以下命令连接PostgreSQLsupostgres输入密码我可以看到postgres=#我将以下详细信息放在我的config/database.yml中并执行“railsdb”，它工作正常。开发:adapter:postgresqlencoding:utf8reconnect:falsedat

  10. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

随机推荐