2012-11-14 49 views
1

我想设置DevExpress网格的百分比宽度,但该属性对我来说不可用,就像它在我看到的每个示例中一样。我使用的是MasterDetail网格的DevExpress版本12.1Devexpress mvc4网格宽度设置

settings.Width = Unit.Percentage(100); 

如何设置width属性为整个网格为100%,然后还要我将如何设置为colums相同的属性。这是我的网格

@Html.DevExpress().GridView(
settings => { 
    settings.Name = "masterGrid"; 
    settings.CallbackRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterPartial" }; 
    settings.SettingsEditing.AddNewRowRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterAddNewPartial" }; 
    settings.SettingsEditing.UpdateRowRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterUpdatePartial" }; 
    settings.SettingsEditing.DeleteRowRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterDeletePartial" }; 
    settings.KeyFieldName = "InwardsGoodsID"; 

    settings.Columns.Add(column => 
    { 
     column.FieldName = "CustomerID"; 
     column.Caption = "Customer"; 
     column.ColumnType = MVCxGridViewColumnType.ComboBox; 
     var comboBoxProperties = column.PropertiesEdit as ComboBoxProperties; 
     comboBoxProperties.DataSource = Model.CustomersList; 
     comboBoxProperties.TextField = "CustomerName"; 
     comboBoxProperties.ValueField = "CustomerID"; 
     comboBoxProperties.ValueType = typeof(int); 
    });  

    settings.Columns.Add(column => 
    { 
     column.FieldName = "CustomerReference"; 
     column.Caption = "Customer Reference";   
    }); 
    settings.Columns.Add(column => 
    { 
     column.FieldName = "TimberShadeReference"; 
     column.Caption = "TimberShade Reference"; 
    }); 
    settings.Columns.Add(column => 
    { 
     column.FieldName = "DateReceived"; 
     column.Caption = "Date Received"; 
     column.PropertiesEdit.DisplayFormatString = "d";    
    }); 

    settings.Columns.Add(column => 
    { 
     column.FieldName = "Comment"; 
     column.Caption = "Comment"; 
    }); 

    settings.SettingsDetail.AllowOnlyOneMasterRowExpanded = true; 
    settings.SettingsDetail.ShowDetailRow = true; 
    settings.CommandColumn.Visible = true; 
    settings.CommandColumn.NewButton.Visible = true; 
    settings.CommandColumn.DeleteButton.Visible = true; 
    settings.CommandColumn.EditButton.Visible = true; 

    settings.SetDetailRowTemplateContent(c => 
    { 
     Html.RenderAction("GridViewDetailPartial", new { inwardsgoodsID = DataBinder.Eval(c.DataItem, "InwardsGoodsID") }); 
    }); 

    //TO OPEN THE FIRST EDITABLE ROW 
    //settings.PreRender = (sender, e) => 
    //{ 
    // ((MVCxGridView)sender).DetailRows.ExpandRow(0); 
    //}; 

}).Bind(Model.InwardsGoods).GetHtml() 

回答

4

好的,所以我找到了答案。我做了什么来解决这个问题是在我使用声明添加了这个cshtml页面的顶部。

@using System.Web.UI.WebControls;