ASP NET MVC, kendo et le nom de colonne de la grille

J'ai sql de la table avec les champs:
Id, Champ1, Champ2, Champ3, Field4, Field5
et j'ai une autre table avec colonne
f1,f2,f3,f4,f5 dans ce tableau ont qu'une seule ligne à ces données:
code, fournisseur, modèle, année, prix

J'ai ce modèle dans mon projet

public class Products
{
  [ScafoldColumn(false)]  
  public Guid Id{get;set;}
  public string Field1{get;set;}
  public string Field2{get;set;}
  public string Field3{get;set;}
  public string Field4{get;set;}
  public string Field5{get;set;}
}

Et je veux que mon kendo grille afficher en-tête de colonne aime pas Champ1...
mais Comme les données dans le tableau 2(code, fournisseur, modèle, année, prix)
comment puis-je charger les données à partir de la table et set de kendo de la grille en-tête de colonne?

OriginalL'auteur Std_Net | 2014-01-28

12

Je ne suis pas sûr si ce que votre demande peut être fait. Mais le Kendo Grille a un titre de propriété, de sorte que vous pouvez définir l'en-Tête pour tout ce que vous s'il vous plaît.
```
@(Html.Kendo().Grid<OMSWeb.Models.OrderGridViewModel>()
 .Name("grid")
.HtmlAttributes(new { style = "width:115%;font-size:10px;line-height:2em" })
.Columns(columns =>
{        
    columns.Bound(m => m.AdvertiserName).Title("Advertiser Name");
});

etc.
```
merci je vais essayer de faire ce columns.Bound(m => m.AdvertiserName).Title(m => m.ColumnName); et puis de dire quel est le résultat que j'ai
.Titre(m => m.ColumnName) cela ne fonctionne pas, je suppose..
Je ne pense pas qu'une expression lambda, il prend juste une simple chaîne de caractères
C'est exact @CSharper - vous ne pouvez définir qu'une simple chaîne de caractères pour l'en-tête de colonne ici.

OriginalL'auteur CSharper

Vous ne pouvez pas réellement faire ce que vous essayez. Vous pouvez lier votre modèle comme la suivante et utilisez le Titre () #C plus nettes dit:

@(Html.Kendo().Grid<Models.Products>()
  .Name("YourReportName")
  .Resizable(resizing => resizing.Columns(true))
  .Columns(columns =>
    {
    columns.Bound(p => p.ID).Width(50).Title("ID");
    columns.Bound(p => p.Field1).Width(50).Title("f1");
    columns.Bound(p => p.Field2).Width(50).Title("f2");
    columns.Bound(p => p.Field3).Width(50).Title("f3");
    columns.Bound(p => p.Field4).Width(50).Title("f4");
    columns.Bound(p => p.Field5).Width(50).Title("f5");
    })
  .Scrollable()
  .DataSource(dataSource => dataSource.Ajax()
    .Read(read => read.Action("GetModelData", "Home")))
  .Pageable(pager => pager.Refresh(true))
  .Sortable()
)

Il devrait être possible si vous liez votre grille avec js et accepter JSon et si vous voulez que votre nom de colonne doit être piloté par Base de données. Dans le code behind, vous avez juste besoin de convertir votre objet en json avec JsonConvert.SerializeObject(Produits); et d'obtenir les noms de colonnes requis à partir de DB, remplacer "Champ1", "Champ2", etc avec "f1", "f2", etc. Espérons que cette aide. Si vous avez besoin de plus d'aide, veuillez laisser un commentaire. Merci.

OriginalL'auteur Mahib

Merci pour les réponses. Mais j'ai trouvé d'autres solution
J'ai créer une classe

public class MyMetadataProvider : AssociatedMetadataProvider
{
public MyMetadataProvider () : base()
{
}
protected override ModelMetadata CreateMetadata(IEnumerable<Attribute> attributes, Type containerType, Func<object> modelAccessor, Type modelType,
string propertyName)
{
var metaData = new ModelMetadata(this, containerType, modelAccessor, modelType, propertyName);
if (propertyName == null)
return metaData;
if (propertyName.StartsWith("Field"))
{
var c = DbHelper.GetProductColumns();//get data from database
if (c.Count == 1)
{
if (c != null && propertyName == "Field1")
metaData.DisplayName = c[0].F1;
if (c != null && propertyName == "Field2")
metaData.DisplayName = c[0].F2;
if (c != null && propertyName == "Field3")
metaData.DisplayName = c[0].F3;
if (c != null && propertyName == "Field4")
metaData.DisplayName = c[0].F4;
if (c != null && propertyName == "Field5")
metaData.DisplayName = c[0].F5;
}
}
else
{
if (attributes != null)
{
foreach (var a in attributes)
{
var type = a.TypeId as Type;
if (type != null && type.Name == "DisplayNameAttribute")
{
var dn = (a as DisplayNameAttribute).DisplayName;
if (!string.IsNullOrEmpty(dn))
metaData.DisplayName = dn;
}
}
}
}
return metaData;
}
}

Utiliser ce fournisseur de métadonnées je peux changer toute la grille de mon site sans code JS. J'espère que cela aide quelqu'un d'autre.
Merci encore.

où inscrire cette Classe?
dans le fichier Global.asax.cs ajouter à protected void Application_Start(){... ModelMetadataProviders.Current = new BarcodeMetadataProvider();}

OriginalL'auteur Std_Net

1

Hey j'ai fait de même en kendo grille générée grâce à Jquery.

L'étape 1:
Créer un tableau à partir des données de la deuxième table(code, fournisseur, modèle, année, prix).

L'étape 2:
Construire un ColumnList tels que le "champ" de la propriété de ses objets pointent vers votre Tableau 1 et le "titre" seront prises à partir d'éléments du tableau que nous avons créé.

L'étape 3:
Attribuer cette columnList à votre kendo colonnes de la propriété.

Seule chose à surveiller est que le nombre de colonnes dans les deux tables doivent être égaux.

OriginalL'auteur

Utiliser votre modèle, s'il est disponible. comme ce

@Html.Kendo().Grid(Model.Records).Name("ProfessionalScheduleGrid").Columns(x=>
{
x.Bound(item => item.Staff.User.Email).Title("Email");
x.Bound(item => item.Discipline.Name).Title("Discipline");
x.Bound(item => item.Day1Activity.Activity.Code).Title(Model.SelectedSchedule.ScheduleDays.OrderBy(y => y.DayNumber).Where(y => y.DayNumber == 1).First().Day.ToString("ddd(dd)"));
x.Bound(item => item.Day2Activity.Activity.Code).Title(Model.SelectedSchedule.ScheduleDays.OrderBy(y => y.DayNumber).Where(y => y.DayNumber == 2).First().Day.ToString("ddd(dd)"));
x.Bound(item => item.Day3Activity.Activity.Code).Title(Model.SelectedSchedule.ScheduleDays.OrderBy(y => y.DayNumber).Where(y => y.DayNumber == 3).First().Day.ToString("ddd(dd)"));
x.Bound(item => item.Day4Activity.Activity.Code).Title(Model.SelectedSchedule.ScheduleDays.OrderBy(y => y.DayNumber).Where(y => y.DayNumber == 4).First().Day.ToString("ddd(dd)"));
x.Bound(item => item.Day5Activity.Activity.Code).Title(Model.SelectedSchedule.ScheduleDays.OrderBy(y => y.DayNumber).Where(y => y.DayNumber == 5).First().Day.ToString("ddd(dd)"));
x.Bound(item => item.EntireWeekActivity).Title("Set Entire Week");
}).Sortable().Filterable().Pageable().Selectable().DataSource(dataSource => dataSource.Server().Model(model => model.Id(p => p.Id)))

OriginalL'auteur user2366700

Comme répondu dans ce post... http://www.somedave.com/posts/automatically-generating-column-titles-for-a-kendoui-mvc-grid

À utiliser:

columns.Bound(p => p.YourField).DisplayNameTitle();

Code d'ajout:

public static GridBoundColumnBuilder<TModel> DisplayNameTitle<TModel>(
this GridBoundColumnBuilder<TModel> builder) where TModel : class, new()
{
//Create an adapter to access the typed grid column
//(which contains the Expression)
Type adapterType = typeof(GridBoundColumnAdapter<,>)
.MakeGenericType(typeof(TModel), builder.Column.MemberType);
IGridBoundColumnAdapter adapter =
(IGridBoundColumnAdapter)Activator.CreateInstance(adapterType);
//Use the adapter to get the title and set it
return builder.Title(adapter.GetDisplayName(builder.Column));
}
private interface IGridBoundColumnAdapter
{
string GetDisplayName(IGridBoundColumn column);
}
private class GridBoundColumnAdapter<TModel, TValue>
: IGridBoundColumnAdapter where TModel : class, new()
{
public string GetDisplayName(IGridBoundColumn column)
{
//Get the typed bound column
GridBoundColumn<TModel, TValue> boundColumn =
column as GridBoundColumn<TModel, TValue>;
if (boundColumn == null) return String.Empty;
//Create the appropriate HtmlHelper and use it to get the display name
HtmlHelper<TModel> helper = HtmlHelpers.For<TModel>(
boundColumn.Grid.ViewContext,
boundColumn.Grid.ViewData,
new RouteCollection());
return helper.DisplayNameFor(boundColumn.Expression).ToString();
}
}

OriginalL'auteur Adam Cox

Vous devez vous connecter pour publier un commentaire.