标签: dgrid

我正在尝试创建自定义Store,它应该使用WebSocket或REST(如果WebSocket失败).

代码文件rachet-store.js

它几乎完美地工作.它也适用于REST(myRest)也没有问题.

问题是如果使用wsStore并且如果我删除datagrid中第一页或第二页上的行,则会通知datagrid并刷新自身.但是,如果我删除第三页或任何其他页面上的行,则不会刷新商店.

我认为问题可能在某处sort(),因为使用Grid(或Pagination)的工作原理.(但它只是一个猜测......)

所以,问题是,我做错了什么？

对于我们的新项目,我们已经开始使用Zend Framework 2和Dojo 1.8.ZF2有一个完全重写的表单模块,现在它具有用于一对多关系的新CollectionElement.关于UI我发现,dgrid最适合这种关系(使用编辑器列插件),所以我开始扩展FormCollection,FormRow和FormElement视图助手,这样他们就可以渲染所需的dgrid.一切都很好,直到我意识到,我不能为dgrid小部件设置每行输入名称.

我开始使用ZF2文档来修复表单集合.可以看到,集合输入元素具有类似数组的名称

order[products][0][name]
order[products][0][price]
order[products][1][name]
order[products][1][price]

另一方面,dgrid的配置是基于列的,所以我可以有一个列定义

editor({
    field: "_dojo_textbox_505ee3a390d705_26717315", 
    label: "Name",
    editorArgs: {
        name: "order[products][{index}][name]",
    }
}, TextBox)

此列定义将为所有行定义相同的窗口小部件名称,这不适用于ZF2集合数据格式要求.

我也尝试过这样命名列:

order[products][]

哪个有效,但不允许所需的格式

order[products][][name]

也许有办法发布这样的数据:

order[products][name][]

然后让它转换,但解决方案看起来不正确.除此之外,我试图生成可重用的代码,并希望避免每个表单的数据修改.

由于我非常努力避免onSubmit/onClick事件处理进行数据转换,因此有两种可能的解决方案:1.使dgrid能够设置每行小部件名称2.使ZF2表单理解一些非标准的POST格式集合

不幸的是,我没有想法,这些解决方案是如何完成的,所以如果你能帮我解决这个问题,我将非常感激!

由于这与我当前的问题有些相关,我将把它放在这里作为一个附带问题:除了这个UI解决方案,你还使用什么来实现与dojo的一对多表单接口？

我在dgrid中创建了一个连接到JsonRest存储的网格.这会从金字塔后端加载数据.我还在商店中添加了DnD扩展名.DnD工作,但我不知道如何在拖动行时发送任何有意义的数据.目前它发送两个请求,一个GET和一个PUT,但PUT只包含行中的数据,但我没有用来更新数据库中的顺序.

那么在我的网格中需要什么配置,以便我可以获得新的订购信息？

我们公司从移动dojox/DataGrid到dgrid一段时间回来.现在我们发现,dgrid似乎不支持开箱即用的dijit/dojox小部件.

dojox/DataGrid有一个formatter()可以返回小部件.在那里很容易做到!GitHub上的API比较说

"dgrid支持格式化程序函数,但不支持从它们返回一个小部件.dgrid也有renderCell,它应该返回一个DOM节点.这可能表面上用于显示小部件(编辑器列插件就是这样做的).请注意,出于单元格编辑的目的,强烈建议使用编辑器列插件."

究竟怎么样？

我尝试过使用编辑器插件{editor: ' ', editorArgs:' '}.这确实渲染了一个小部件但限制性太强.例如,如何渲染a dijit/Button,其标签是单元格的值？或更复杂的东西,我怎么使用(鲜为人知的)dojox/image/MagnifierLite与<img>从格式化函数生成与src实体店的存在价值？

我对dojo相对较新,并且已经看到了datagrid如何提供动态过滤功能,根据您在过滤器文本输入中键入的内容减少可见行.我还没有找到任何如何使用dgrid做的例子.如果可以,请提供示例或指向我提供教程或示例的资源.谢谢!

如何使dGrid实例占据其容器高度的100%？我可以使用CSS将".dgrid"分类div设置为特定高度,但是当我将其设置为100%时,它不会显示.

如何更改默认行为,grid.js::_setSort()以便在排序中涉及的所有列的标题中正确显示排序条件(向上/向下箭头)？目前,_setSort()只处理传递给数组的第一列grid.set("sort").例如,在使用以下命令设置排序条件后,只有col1的标题将包含箭头(在本例中为向上箭头).

grid.set("sort", [{attribute: col1, descending: false}, {attribute: col2, descending: true}]);

我可以覆盖,_setSort()但下划线告诉我这是一个私人功能......

如何根据一些运行时参数隐藏dgrid(gridFromHtml)中的完整列？让我们说如果参数的值为true我应该能够显示一些列,如果值为false,那么我应该能够隐藏同一列.

我使用dgrid以网格格式显示数据,它有四列.一切都是可编辑的

我用以下方式声明它.

<table id="grid" data-dojo-type="dgrid.CustomGrid" data-dojo-props="store: memoryStore">
<thead>
    <tr>
        <th data-dgrid-column="dgrid.editor({ field: 'id' }, dijit.form.TextBox, 'click')">ID</th>
        <th data-dgrid-column="dgrid.editor({ field: 'name' }, dijit.form.TextBox, 'click')">Name</th>
        <th data-dgrid-column="dgrid.editor({ field: 'description' }, dijit.form.TextBox, 'click')">Description</th>
    </tr>
</thead>
</table>

我的问题是,当我编辑第一列时,编辑后应将焦点设置在第二列并在该单元格中显示光标,以便我可以开始编辑第二列; 同样是第三列.

我对dojo和dgrid非常新.我在sitepen上找到了一些API,但无法解决我的问题

请帮帮我

从dojo存储加载dgrid时,是否有一种方法可以指定默认排序的列.

假设我有2列,名称和电子邮件,我希望在首次加载网格时默认排序名称列.我想要的是用户单击"名称"标题(相当于指示排序方向的排序箭头).

谢谢,约翰