Shield ui wicket datasource

Question

我试图用wicket和java实现shield ui Popup Editing。我的html和java代码：

<div id="grid2">
<script type="text/javascript">
$(document).ready(function () {
    $("#grid2").shieldGrid({
        dataSource: {
            /*remote: {
                    //read: ""
                    //return "Leyendo";
            },*/
            data: "datasource",
            schema: {
                fields: {
                    ID: { path: "ID", type: Number },
                    Name: { path: "Name", type: String },
                    Age: { path: "Age", type: Number },
                    BirthDate: { path: "BirthDate", type: Date },
                    Active: { path: "Active", type: Boolean }
                }
            }
        },
        paging: {
            pageSize: 15
        },
        rowHover: true,
        columns: [
           { field: "Name", title: "Nombre"},
            { field: "Age", title: "Direccion", width: "100px" },
            { field: "BirthDate", title: "Fecha", format: "{0:dd/MM/yyyy}" },
            { field: "Active", title: "Activo", width: "70px" },
            {
                width: 150,
                title: "Modificar ",
                buttons: [
                    { commandName: "edit", caption: "Editar" },
                    { commandName: "delete", caption: "Eliminar" }
                ]
            }
        ],
        editing: {
            enabled: true,
            mode: "popup",
            confirmation: {
                "delete": {
                    enabled: true,
                    template: function (item) {
                        return "Eliminar abastecimiento con id '" + item.Name + "'?";
                    }
                }
            }
        },
        toolbar: [
            {
                buttons: [
                    { commandName: "insert", caption: "Agregar" }
                ],
                position: "top"
           }
        ]
    });
});
</script>
</div>


<p></p>
</div>

Java的代码是：

DataSource datasource = new DataSource("datasource");
DataSourceOptions options = datasource.getOptions();

options.setData(
        new HashMap() {{
                  put("ID", 1);
                  put("Name", "Item1");
                  put("Age", 45);
                  put("BirthDate", "16/08/2006");
                  put("Active", false);
        }},
        new HashMap() {{
                  put("ID", 2);
                  put("Name", "Item2");
                  put("Age", 45);
                  put("BirthDate", "16/08/2006");
                  put("Active", false);
        }},
        new HashMap() {{
                  put("ID", 3);
                  put("Name", "Item3");
                  put("Age", 45);
                  put("BirthDate", "16/08/2006");
                  put("Active", false);
        }},
        new HashMap() {{
                  put("ID", 4);
                  put("Name", "Item4");
                  put("Age", 45);
               put("BirthDate", "16/08/2006");
                  put("Active", false);
        }}
);

add(datasource);
//END testing shieldui          

没有关于为网格编辑实现数据源的文档，所以我尝试了使用远程和datat标记的所有组合，以便从java代码中获取数据。没有成功。

当我部署战争时，我得到一个网格，其中有几行，当前日期在字段BirthData中，但所有其他字段都是空的。

我不知道数据来自何处，如果我删除数据：＆＃34;数据源＆＃34;从html文件我只得到网格标题，没有数据。

如有任何建议，将不胜感激。