如何将 Java 对象绑定到 Javascript 控件答案

【问题标题】：How to bind Java object to Javascript control如何将 Java 对象绑定到 Javascript 控件
【发布时间】：2023-04-06 03:55:01
【问题描述】：

我正在使用Sencha framework 并正在使用 Javascript 创建控件。我想使用 Java 从数据库中获取一些数据，但不确定如何将该 Java 对象绑定到 Sencha 创建的控件。我可以尝试什么？

【问题讨论】：

我强烈建议阅读 API 文档和指南！

标签： java javascript extjs binding

【解决方案1】：

'Sencha 创建控件'？检查 Sencha API 的控件 - 复选框、网格面板等。

在大多数情况下，您可能需要使用商店配置。

【讨论】：

我已经从 jsp 中的数据库中获取数据..现在想将其绑定到使用 sencha 框架创建的 javascript 控件..
您不能将 java 对象与 javascript 绑定。您只能通过以 JSON/XML 格式传递输出来做到这一点

【解决方案2】：

只需使用Sencha GXT：“Sencha GXT 是使用 Java 创建基于 Web 的丰富应用程序的最快、最强大的方法。”

【讨论】：

有没有其他方法...我看到只有json数据与javascript控件绑定...如何为java对象做呢？
创建 Java Servlet（在 TomCat 下工作）。 Servlet 包含 get 和 post 方法，使用 Get 方法获取 JSON。使用与控件关联的数据存储加载此 json。但这一切都存在于 Sencha GXT

【解决方案3】：

假设你想在 sencha 中创建一个组合框，然后这样做：

var javaData = = [
       [1, 'item1']
      ,[2, 'item2']
  ];
var combo = new Ext.form.ComboBox({
store: new Ext.data.SimpleStore({
     id:0
    ,fields:
        [
            'myId',   //numeric value is the key
            'myText' //the text value is the value
        ]
    ,data: javaData
})
,valueField:'myId'
,displayField:'myText'
,mode:'local'

});

将 javaData var 值替换为来自服务器的数据。确保数据为 json 格式以运行此示例。

【讨论】：

【解决方案4】：

您的 ExtJS 存储所做的是对您的 java 应用程序上的某个页面进行 Ajax 调用。该页面将返回 JSON 格式的数据，以便您的 ExtJS 存储可以解析该数据。

基本上，您的后端技术是什么并不重要。您只需要确保您的页面以以下格式返回 json：

{
   data: [], //Array of json data
   success: true, //true when your call was handled succesfull
   total: 10 //The total items of a certain object
}

因此，在您的情况下，您的 JSP 页面将以 JSON 格式显示结果，如上所述，您的 ExtJS 存储将配置为调用该特定 JSP 页面。

【讨论】：