Web2py

Question

我运行 ajax 调用将插值更新为完全构建的 select 框元素。

我想将 created/returned selectbox 转换为选定的 selectbox 一旦它完成完全加载 否则它会恢复回到常规 select 框。

我试过：

收听 'DOMSubtreeModified'（和其他类似事件），然后激活选定的线路，但是，这些运行太频繁了，我必须知道什么时候 select 框和所有选项都是完全启动。我可以强制启动每个更改，这很糟糕 - 耗费资源而且完全错误。
在 ajax return（'ajax:complete' 事件）上启动一些回调，但是，同样 - 这不保证 html 控件已完全启动，如中所述（并经过测试）。
我试图为 select 控件设置一个 onload 事件。

主要代码行：

JavaScript 通话：

ajax('{{=URL('controller_name', 'func_name')}}', ['param1'], 'target_div');

Python controller returns(this returns a select control with option objects initiated in it and override the target_div inner html):

return SELECT(distinct_values, _id = 'selectbox_id' , _multiple = 'true' , _class='SelectBoxSingleDisabled');

寻找面向 web2py 的解决方案。如果可能，不要使用粗暴的 force/hacky 东西。谢谢！

Answer 1

有几个选项（建议前两个）：

在controller中，将Chosen初始化代码添加到response.js -- 这将在返回的HTML添加到DOM后执行。

在 select 元素之后的脚本元素中添加 Chosen 初始化代码：

CAT(SELECT(distinct_values, _id = 'manual_group_selectbox' , _multiple = 'true' ,
           _class='SelectBoxSingleDisabled'),
    SCRIPT('[Chosen code]'))

ajax()函数的第三个参数可以是一个Javascript函数，它接受服务器返回的数据。因此，您可以编写一个函数，将返回的 HTML 添加到 DOM，然后初始化 Chosen:
```
ajax(
  '{{=URL('controller_name', 'func_name')}}', ['param1'],
  function(html) {
    [add html to DOM]
    [initialize Chosen]
  }
);
```
设置一个jQuery.ajaxSuccess()事件处理器，它应该运行在ajax()函数更新DOM之后。

Web2py - 如何在 ajax 之后确定负载控制结束

Web2py - How to determine end of load control after ajax

javascript

ajax

jquery-chosen