Question

如何在devexpress mvc datagrid的弹出窗口中更改文本框的高度和宽度？我正在使用

@(Html.DevExtreme().DataGrid().Columns(c => {
    c.Add().DataField("MyField").Visible(true).AllowGrouping(true);
}

我试过了c.Add().DataField("Myfield").Width(100)，但它只在datagrid中工作;它在弹出元素

中不起作用

Answer 1

首先，你需要知道你正在使用Form而不是简单的网格，所以你基本上必须配置表格EditorOptions

所以在jQuery中它会像这样

$("#datagrid").dxDataGrid({        ,
    "editing": {
        "form": { items: [{dataField:"yourField",editorOptions:"width:100%"}]}
    }
});

Answer 2

以前的答案有点旧，现在无法使用，因此我将提供更新的答案。

这将更改弹出窗体中字段的宽度：

$("#datagrid").dxDataGrid({        ,
        "editing": {
        "form": { 
                  items: [{
                      dataField:"yourField",
                      editorOptions: {
                                  width: "100%"
                       }
                  ]}
    }
});

如果您想进一步控制和使用组并设置诸如身高之类的东西，则可以使用：

 $("#datagrid").dxDataGrid({ 
editing: {
            mode: "popup",
            allowUpdating: true,
            popup: {
                showTitle: true,
                title: "Message",
                labelLocation: "top"
            },
            form: {
                items: [
                    {
                        itemType: "group",
                        caption: "My Fields",
                        items: [
                            {
                                dataField: "Field1",
                                editorOptions: {
                                    height: 200
                                    }
                             },
                            {
                                dataField: "Field2",
                                editorOptions: {
                                    value: true
                                }
                            }

                        ]
                    }, {
                        itemType: "group",
                        caption: "My other fields",
                        items: [
                            { 
                              dataField: "field3", 
                              helpText: "Example: +1(111)111-1111" 
                            }
                        ]
                    }
                ]
            }
        }
});

请注意，无论是否分组，都使用editorOptions来控制每个字段。

devexpress mvc datagrid编辑texbox宽度和高度内的弹出菜单？

2 个答案: