devexpress mvc datagrid редактировать всплывающее меню внутри ширины и высоты texbox?

Как изменить высоту и ширину текстового поля во всплывающем окне на сетке данных devexpress mvc? Я использую

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

Я попробовал c.Add().DataField("Myfield").Width(100), но он работает только в сетке данных; это не работает во всплывающем элементе


asp.net-mvc datagrid razor devexpress devextreme
person John    schedule 28.01.2018    source источник
comment
Я пробовал c.Add().DataField(Myfield).Width(100), но он работает только в сетке данных. это не работает во всплывающем элементе   -  person John    schedule 28.01.2018

Ответы (2)


arrow_upward
0
arrow_downward

Прежде всего, вам нужно знать, что вы работаете с Form и не с простой сеткой, поэтому вам в основном нужно настроить форму Параметры редактора

Итак, в jQuery это будет так

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

arrow_upward
0
arrow_downward

Предыдущий ответ немного устарел и сейчас не работает, поэтому я дам обновленный ответ.

Это изменит ширину поля во всплывающей форме:

$("#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.

person Jeremy Styers    schedule 20.03.2019