@model Maris.Presentation.Models.EventSummary.EventSummaryMasterViewModel
@{
ViewBag.Title = "Event Summary";
}
@(Html.Kendo().Grid(Model.Data)
.Name("EventSummary")
.DataSource(dataSource => dataSource
.Server()
.PageSize(20)
)
.CellAction(cell =>
{
if (cell.Column.Title.Equals("Name"))
{
cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
cell.DataItem.VesselNameBackColor, cell.DataItem.VesselNameForeColor);
}
else if (cell.Column.Title.Equals("Type"))
{
cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
cell.DataItem.VesselTypeBackColor, cell.DataItem.VesselTypeForeColor);
}
else if (cell.Column.Title.Equals("Arrival<
br
>Time"))
{
cell.HtmlAttributes["style"] = String.Format("color: {0}",
cell.DataItem.ArrivalTimeForeColor);
}
else if (cell.Column.Title.Equals("Departure<
br
>Time"))
{
cell.HtmlAttributes["style"] = String.Format("color: {0}",
cell.DataItem.ArrivalTimeForeColor);
}
else if (cell.Column.Title.Equals("Arrival<
br
>Date"))
{
cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
cell.DataItem.ArrivalBackColor, cell.DataItem.ArrivalForeColor);
}
else if (cell.Column.Title.Equals("Departure<
br
>Date"))
{
cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
cell.DataItem.DepartureBackColor, cell.DataItem.DepartureForeColor);
}
else if (cell.Column.Title.Equals("Current<
br
>Berth"))
{
cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
cell.DataItem.CurrentBerthBackColor, cell.DataItem.CurrentBerthForeColor);
}
else if (cell.Column.Title.Equals("Current<
br
>Activity"))
{
cell.HtmlAttributes["style"] = String.Format("background-color: {0}; color: {1}",
cell.DataItem.CurrentActivityBackColor, cell.DataItem.CurrentActivityForeColor);
}
})
.Columns(columns =>
{
columns.Bound(d => d.Status);
columns.Bound(d => d.Updated);
columns.Bound(d => d.Quarantine);
columns.Bound(d => d.Name);
columns.Bound(d => d.Num);
columns.Bound(d => d.Agent);
columns.Bound(d => d.Type);
columns.Bound(d => d.Flag);
columns.Bound(d => d.CallSign);
columns.Bound(d => d.MMSI);
columns.Bound(d => d.Announce);
columns.Bound(d => d.ArrivalDate)
.Format("{0:MM/dd/yyyy}")
.Title("Arrival<
br
>Date");
columns.Bound(d => d.ArrivalTime)
.Format("{0:HH:mm}")
.Title("Arrival<
br
>Time");
columns.Bound(d => d.DepartureDate)
.Format("{0:MM/dd/yyyy}")
.Title("Departure<
br
>Date");
columns.Bound(d => d.DepartureTime)
.Format("{0:HH:mm}")
.Title("Departure<
br
>Time");
columns.Bound(d => d.CurrentBerth)
.Title("Current<
br
>Berth");
columns.Bound(d => d.CurrentActivity)
.Title("Current<
br
>Activity");
})
.Pageable(paging => paging
.Refresh(true)
.PreviousNext(true)
.PageSizes(new []{ 20, 40, 80, 100 })
.Input(true)
)
.Groupable()
.Sortable(sortable => sortable
.AllowUnsort(true)
.SortMode(GridSortMode.MultipleColumn))
//.HtmlAttributes(new { style = "height:100%" })
//.Scrollable()
.Filterable()
.ColumnMenu()
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
)
So may be it has no idea of the container?
Can you pass to your support team for a quick answer?
@(Html.Kendo().Grid<PGE.MCRM.RDC.Web.ViewModel.TCA.CustomNotionalValueVM>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.TRADE_KEY).Title("Trade Key").Width(80);
columns.Bound(p => p.SYS_NAME).Title("PG&E System").Width(120);
columns.Command(command => command.Destroy()).Width(110);
})
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Sortable()
.Scrollable()
.Filterable()
.Events(e => e.Edit("gridEdit"))
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Events(events => events.Error("error_handler"))
.Model(model => {
model.Id(p => p.TRADE_KEY);
model.Field(p => p.TRADE_KEY).Editable(false); }
)
.Create(update => update.Action("SaveNotionalValues", "TCA"))
.Read(read => read.Action("GetNotionalValues", "TCA", new { sysID = "17", userID = "", tradeKey = "" }))
.Update(update => update.Action("SaveNotionalValues", "TCA"))
.Destroy(update => update.Action("DestroyNotionalValues", "TCA"))
)
//edit event and I check it is calling this function when I click on the new created row second column
function gridEdit() {
//handle the grid edit event to get the dropdownlist show up
$('<input id="SYS_NAMEID" name="SYS_NAMEID" required />').appendTo(container).kendoDropDownList({
autoBind: false,
dataSource: pgeSystemsDataSource,
dataTextField: "SYS_NAME",
dataValueField: "SYS_NAME",
});
$('<span class="k-invalid-msg" data-for="SYS_NAME"></span>').appendTo(container);
}
[Display(Name = "Address")]
[DataType(DataType.Text)]
[StringLength(200)]
[Required]
public string Address { get; set; }
[Display(Name = "State")]
[DataType(DataType.Text)]
[StringLength(100)]
public string State { get; set; }
[Display(Name = "Postal Code / Zip")]
[DataType(DataType.Text)]
[StringLength(10)]
public string ZipPostalCode { get; set; }