2015-01-15 3 views
0

У меня есть элемент управления сетью DevExpress Grid (ASP.Net), а один из моих столбцов - GridViewDataComboBoxColumn. Источник данных для раскрывающегося списка устанавливается в коде позади, и там нет проблем. Единственная проблема, с которой я, похоже, сталкиваюсь, заключается в том, что между выпадающим списком и значениями есть большое расстояние, когда вы нажимаете раскрывающийся список.GridViewDataComboBoxColumn расстояние между combobox и значениями

big distance

Любая идея, что я сделал не так?

<dx:ASPxGridView ID="Grid" runat="server" KeyFieldName="CompetencyEmployeeLevelLinkId" EnableRowsCache="False" ClientInstanceName="grid" Width="100%" OnCellEditorInitialize="EditingCell" 
        OnCustomJSProperties="Grid_CustomJSProperties" OnBatchUpdate="OnBatchUpdate" OnRowUpdating="OnRowUpdate" AutoGenerateColumns="False" EnableTheming="True" Theme="PlasticBlue"> 
        <SettingsEditing Mode="Batch"> 
         <BatchEditSettings EditMode="Cell" StartEditAction="Click"></BatchEditSettings> 
        </SettingsEditing> 
        <SettingsBehavior ColumnResizeMode="Control"></SettingsBehavior> 
        <ClientSideEvents BatchEditStartEditing="OnBatchStartEdit" /> 
        <Columns> 
         <dx:GridViewDataColumn FieldName="Competency"> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="PreviousAScore" Caption="Previous A Score"> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="PreviousBScore" Caption="Previous B Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataComboBoxColumn FieldName="MentorA" Caption="Mentor's A Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
         </dx:GridViewDataComboBoxColumn> 
         <dx:GridViewDataComboBoxColumn FieldName="MentorB" Caption="Mentor's B Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <PropertiesComboBox /> 
         </dx:GridViewDataComboBoxColumn> 
         <dx:GridViewDataColumn FieldName="Description" Caption="Development Plan"> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="RequiredScore" Caption="Required Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="Achieved" Caption="Achieved"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
        </Columns> 
        <SettingsEditing Mode="Batch" /> 
        <Settings VerticalScrollableHeight="400" VerticalScrollBarMode="Visible" VerticalScrollBarStyle="Virtual" /> 
        <SettingsPager> 
         <PageSizeItemSettings Visible="False" /> 
        </SettingsPager> 
       </dx:ASPxGridView> 
+0

Что вы делаете в обработчике событий EditingCell? Какие стили CSS у вас есть? –

ответ

0

Проблема была с классом CSS, который у меня был в родительском контейнере. Проблематичным элементом является "Дисплей: встроенный" Свойство:

#container 

{ дисплей: встроенный; padding-left: 50px; padding-right: 80px; }

Снятие этого решения проблемы. Не уверен, что я понимаю, почему это проблема, но, по крайней мере, проблема решена. Надеюсь, это когда-нибудь поможет кому-то другому.