Zendesk/ZAF v2 - 加载视图第二次不能正常工作

问题描述：

我正在尝试使用ZAF V2并遇到一些问题，我在使用应用程序脚手架：https://github.com/zendesk/app_scaffold。过去几天我一直在看文档和教程，但没有运气。Zendesk/ZAF v2 - 加载视图第二次不能正常工作

我有两个文件： form.hdbs

<form id="myForm"> 
    <label for="name" class="sr-only">Name</label> 
    <input type="name" class="form-control" id="name" placeholder="Name"> 
    <button class="btn" id="sendBtn">Submit</button> 
</form> 

Hello {{name}}

和index.js：

import ZAFClient from 'zendesk_app_framework_sdk'; 
import View from 'view'; 

var client = ZAFClient.init(); 
const view = new View(); 

view.switchTo('form'); 

$('#sendBtn').on('click', function (e) { 
    e.preventDefault(); 
    var name = $("#name").val(); 
    view.switchTo('form', { 
     name: name 
    }); 
});

我第一次运行该应用程序，并键入一个名称/提交，视图重新加载，并且消息显示Hello xxx，第二次输入名称并点击提交时，应用程序变为空白，控制台中没有错误。

有没有人遇到过这个问题？

任何洞察力，非常感谢。

答

可能发生的是，触发的点击事件按照您的预期渲染页面，但随后表单将提交到空白页面。您还需要避免表单呈现。

这是一个“花式的你好世界”风格的应用程序。很可能一旦你开始真正建立一个有用的应用程序，你不会像这样建立它:)

Zendesk/ZAF v2 - 加载视图第二次不能正常工作

相关推荐