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

时间:2013-03-17 07:00:16

标签: java javascript extjs binding

我正在使用Sencha framework并使用Javascript创建控件。我想使用Java从数据库中获取一些数据,但我不确定如何将该Java对象绑定到Sencha创建的控件。我该怎么办?

4 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

只需使用Sencha GXT:" Sencha GXT是使用Java创建基于Web的丰富应用程序的最快,最强大的方式。"

答案 2 :(得分:0)

假设你想在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格式运行此示例。

更多信息:http://www.sencha.com/learn/combobox-faq/

答案 3 :(得分:0)

您的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页面。