Dojo Datagrid 可编辑单元格，约束不起作用

发布于 2024-12-01 06:21:13 字数 506 浏览 0 评论 0 原文

我正在尝试创建一个具有可编辑单元格的数据网格。当我对可编辑单元格使用 dijit 时，我尝试在布局的“widgetProps”属性中设置约束，如下所示：

   widgetProps: {
       required: true,
       constraints: {
           min: 0,
           max: 100,
           places: '0,2'
       }
   }

这里 required: true 按预期工作，而 constraints em> 属性根本不起作用。

这里的一个例子： http://jsfiddle.net/LjVmJ/ 我尝试在其中使用约束一个 NumberTextBox 和一个 DateTextBox。

Dojo 中的错误还是我错过了什么？

原文

I’m trying to create a Datagrid with editable cells.
As I am using dijits for the editable cells I try to set constraints within the “widgetProps” property of the layout, like this:

   widgetProps: {
       required: true,
       constraints: {
           min: 0,
           max: 100,
           places: '0,2'
       }
   }

Here required: true works as expected, whereas the constraints property is not working at all.

An example here: http://jsfiddle.net/LjVmJ/ where I've tried to use constraints both in a NumberTextBox and a DateTextBox.

Bug in Dojo or am I missing something?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

余厌 2024-12-08 06:21:13

来自 Dojo 邮件列表上的 Oliver：
它应该是“constraint”，并且应该放在“widgetProps”之外。

这解决了问题。

回复收藏 0 原文

-残月青衣踏尘吟 2024-12-08 06:21:13

我找到了这个问题的“肮脏”解决方案：

首先声明我自己的 NumberTextBox 并具有所需的约束：

dojo.declare(
    "my.custom.PercentageNumberTextBox", 
    [dijit.form.NumberTextBox],
    {
        postCreate: function(){
            this.inherited(arguments);
            this.set('constraints', {min:0,max:100, places:'0,2'});
    }
});

然后我将它用作网格结构中的 widgetClass：

    {
        field: 'employmentPercentage',
        name: 'Employment %',
        type: dojox.grid.cells._Widget,
        widgetProps: { required: true },
        widgetClass: my.custom.PercentageNumberTextBox,
        editable: true,
        width: '150px'
    }

这是目前的解决方法（完整示例如下：http://jsfiddle.net/LjVmJ/2/），

I found a ‘dirty’ solution to this issue:

First declare my own NumberTextBox with the required constraints:

dojo.declare(
    "my.custom.PercentageNumberTextBox", 
    [dijit.form.NumberTextBox],
    {
        postCreate: function(){
            this.inherited(arguments);
            this.set('constraints', {min:0,max:100, places:'0,2'});
    }
});

Then I’m using it as the widgetClass in the grid structure:

    {
        field: 'employmentPercentage',
        name: 'Employment %',
        type: dojox.grid.cells._Widget,
        widgetProps: { required: true },
        widgetClass: my.custom.PercentageNumberTextBox,
        editable: true,
        width: '150px'
    }

This is a workaround for now (full example here: http://jsfiddle.net/LjVmJ/2/),

回复收藏 0 原文

~没有更多了~