Questions on UI for ASP.NET MVC Forum

1 answer

116 views

Hi

Using ajax my data source is configured as follow:

.Read(read => read.Action("Containers_Read", "ContainerAdmin"))

.Create(update => update.Action("Containers_Create", "ContainerAdmin"))

.Update(update => update.Action("Containers_Update", "ContainerAdmin"))

.Destroy(update => update.Action("Containers_Delete", "ContainerAdmin"))

When my grid first loads all the related entities with data comes through from the repository just fine:

public ActionResult Containers_Read([DataSourceRequest] DataSourceRequest request)

{

return Json(_repository.GetAllAssetTakeOnContainers().ToDataSourceResult(request));

}

public List<AssetTakeOnContainer> GetAllAssetTakeOnContainers()

{

using (var context = new AssetTakeOnContext())

{

context.Configuration.LazyLoadingEnabled = false;

return context.AssetTakeOnContainers.Include("TakeOns").Include("LocationLevel1").Include("LocationLevel2").Include("LocationLevel3").Include("CostCntrLevel1").Include("CostCntrLevel2").Include("CostCntrLevel3").Include("Contact").Include("RoomType").Where(c => c.IsDeleted == false).ToList();

}

But as soon as I do an update my related entities seems to be populated but all properties set to null:

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult Containers_Update([DataSourceRequest] DataSourceRequest request, AssetTakeOnContainer container)

{

_repository.UpdateAssetTakeOnContainer(container);

return Json(ModelState.ToDataSourceResult());

}

Please see attached file for a screenshot from VS.

Can someone please tell me why this is and what I'm doing wrong here?

Thanks

Grid

answered on 19 Sep 2013

1 answer

179 views

Kendo UI 2013.2.918 zip file corrupted?

Hi,

I try to download the following file "kendoui.aspnetmvc.2013.2.918.commercial.zip", the website said it is 16mb but after downloaded it only has 10mb, open the zip displayed error message. Thanks.

Installer and VS Extensions

answered on 19 Sep 2013

9 answers

191 views

Paging issue after upgrade to v2013.2.716

I seem to have hit an issue with paging after upgrading to the latest version of kendo.

It happens with ajax and server binding. It appears that the filter data for the data source passes undefined values, which results in a 500 error on the server when it tries to bind to the filter values. If I apply a filter, paging starts to work again.

(server binding example)

Grid Code
@(Html.Kendo()
.Grid(Model.Items)
.Name("operatorList")
.DataSource(ds => ds.Server())
.Columns(columns =>
{
columns.Bound(c => c.Name);
})
.Filterable()
.Pageable())

Action
public ActionResult Index()
{
var vm = new LookUpIndexViewModel<T>();
vm.Recent = GetRecentlyActive();
vm.Items = All();
return View(vm);
}

Url Requested (when paging)
http://localhost/browse/operator?operatorList-sort=&operatorList-page=2&operatorList-pageSize=15&operatorList-group=&operatorList-filter=undefined~undefined~undefined

Scripts Included (in this order)
<script src="/scripts/kendo.all.js"></script>
<script src="/scripts/kendo.aspnetmvc.js"></script>
doulbe checked versions also both say: v2013.2.716

Stack Trace
[NullReferenceException: Object reference not set to an instance of an object.]
Kendo.Mvc.Infrastructure.Implementation.FilterNodeVisitor.Visit(PropertyNode propertyNode) +60
Kendo.Mvc.UI.DataSourceRequestModelBinder.BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) +465
Kendo.Mvc.UI.Grid`1.ProcessDataSource() +395
Kendo.Mvc.UI.Grid`1.WriteHtml(HtmlTextWriter writer) +1145
Kendo.Mvc.UI.WidgetBase.ToHtmlString() +105
Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString() +19
System.Web.WebPages.WebPageExecutingBase.WriteTo(TextWriter writer, Object content) +57
CtrlDev.Wdb.Web.Areas.Browse.Views.Operator.Index.Execute() in f:\Projects\CtrlDev.WDB\CtrlDev.Wdb.Web\Areas\Browse\areas\browse\views\operator\Index.cshtml:26
System.Web.WebPages.WebPageBase.ExecutePageHierarchy() +279
System.Web.Mvc.WebViewPage.ExecutePageHierarchy() +124
System.Web.WebPages.StartPage.ExecutePageHierarchy() +142
System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage) +103
RazorGenerator.Mvc.PrecompiledMvcView.Render(ViewContext viewContext, TextWriter writer) +951
System.Web.Mvc.ViewResultBase.ExecuteResult(ControllerContext context) +377
System.Web.Mvc.<>c__DisplayClass1a.<InvokeActionResultWithFilters>b__17() +32
System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation) +613
System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation) +613
System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation) +613
System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation) +613
System.Web.Mvc.ControllerActionInvoker.InvokeActionResultWithFilters(ControllerContext controllerContext, IList`1 filters, ActionResult actionResult) +263
System.Web.Mvc.Async.<>c__DisplayClass25.<BeginInvokeAction>b__22(IAsyncResult asyncResult) +236
System.Web.Mvc.<>c__DisplayClass1d.<BeginExecuteCore>b__18(IAsyncResult asyncResult) +28
System.Web.Mvc.Async.<>c__DisplayClass4.<MakeVoidDelegate>b__3(IAsyncResult ar) +15
System.Web.Mvc.Controller.EndExecuteCore(IAsyncResult asyncResult) +42
System.Web.Mvc.Async.<>c__DisplayClass4.<MakeVoidDelegate>b__3(IAsyncResult ar) +15
System.Web.Mvc.<>c__DisplayClass8.<BeginProcessRequest>b__3(IAsyncResult asyncResult) +42
System.Web.Mvc.Async.<>c__DisplayClass4.<MakeVoidDelegate>b__3(IAsyncResult ar) +15
System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +1725
System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +560

Found this question on SO, not sure if it is related, but it sounds like it.

Any help would be greatly appreciated!

Thanks!
Josh

Grid

answered on 19 Sep 2013

1 answer

326 views

Paging gives 404 error when using .DataSource

I am having trouble getting Paging to work while using the DataSource option on a Kendo UI Grid, using MVC wrappers.

When I comment out the DataSource code, paging works just fine.
When I use the DataSource option, it gives me a 404 "not found" error when I try to move to another page.

See the attached screenshots for my code. One screenshot is the .cshtml file. The other is the Controller.

Can anyone please help?

Grid

answered on 18 Sep 2013

1 answer

374 views

Refresh Kendo MVC Detail Grid After Update

I have a ajax bound grid with master / detail. Having problems getting the detail grid to refresh after saving an update. The data is saving correctly, you can see it update after i force the action method of the controller to be called by doing a sort. For that reason, i thought reading the datasource again from a client side event handler for the save event would do the trick.

Here's my client detail template in the view:

<script id="matchedTrainTemplate" type="text/x-kendo-template">

@(Html.Kendo().Grid<CNX.Domain.Entities.MatchedT94EDI417Railcar>()

.Name("MatchingEDI417s_#=Id#")

.Editable(editable => editable.Mode(GridEditMode.PopUp).Window(w => w.Modal(true)

.Width(500)

.Height(510)

.Resizable(x => x.Enabled(true))

//.Events(x => x.Close("ClosingEditWindow"))

) )

.Columns(columns =>

{

columns.Bound(o => o.MATCHING_GUID).Visible(false);

columns.Bound(o => o.N7_GUID).Visible(false);

columns.Bound(o => o.EDI_OWNER_CODE).Width("50");

columns.Bound(o => o.T94_OWNER_CODE).Width("50");

columns.Bound(o => o.EDI_EQUIPMENT_NUMBER).Width("75");

columns.Bound(o => o.T94_EQUIPMENT_NUMBER).Width("75");

columns.Bound(o => o.EDI_GROSS_WEIGHT).Width("75");

columns.Bound(o => o.EDI_TARE_WEIGHT).Width("75");

columns.Bound(o => o.T94_SEQUENCE_NUMBER);

columns.Command(commands => { commands.Edit(); }).Title("Edit Railcar").Width("50");

columns.Bound(o => o.RREGUID).Visible(false);

columns.Bound(o => o.EDI_417_GUID).Visible(false);

columns.Bound(o => o.HeaderGuid).Visible(false);

})

.DataSource(dataSource => dataSource.Ajax()

.PageSize(10)

.Model(model => model.Id(o => o.MATCHING_GUID))

.Read(read => read.Action("MatchedEDI417sDetail", "MenuEDI", new { matchingGuid = "#=Id#" }).Type(HttpVerbs.Post))

.Update(update => update.Action("MatchedEDI417sUpdate", "MenuEDI" , Model).Type(HttpVerbs.Post))

)

.Pageable()

.Sortable()

.Filterable()

.Events( events => events.Save("detailSave"))

.ToClientTemplate()

);

</script>

<script>

function detailSave() {

alert('Save Event');

this.dataSource.read();

}

</script>

Here's the controller action method:

[HttpPost]

public ActionResult MatchedEDI417sUpdate(MatchedT94EDI417Railcar railCar, [DataSourceRequest] DataSourceRequest request)

{

TempData["role"] = GetRole();

matchedT94EDI417RailCarRepository.Save(railCar);

return Json(matchedT94EDI417RailCarRepository.RailCarsMatchedT94EDI417(railCar.MATCHING_GUID).ToDataSourceResult(request));

}

Any suggestions appreciated.

Grid

answered on 18 Sep 2013

1 answer

95 views

Server side paging through querystring

Hi,

I would like the listview control to populate the querystring as it does with the Gridview control when I followed the custom binding example: http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/custom-binding
This is because I need to allow the user to be able to bookmark the current listview result page
I am requiring the ListView control rather than the Gridview due to the formatting I am applying to each item
Please could you advise how this may be achieved?

Many thanks,

ListView

answered on 18 Sep 2013

0 answers

97 views

NumericTextBox Decimals issue in IE9, FF 23

Hello,

i cannot enter digits after the decimal separator in the UI, apparantly it works in IE10 but not in IE9 and FF
(the version is use is Kendo UI v2013.2.716)

culture is set to "en-US" via web.config globalization

<globalization culture="en" uiCulture="en-US"/>

this is info in the header of the page

       <link rel="stylesheet" href="/assets/styles/kendo.common.min.css" type="text/css" media="all" />
        <link rel="stylesheet" href="/assets/styles/kendo.metro.min.css" type="text/css" media="all" />
        <link rel="stylesheet" href="/assets/css/screen.css" type="text/css" media="all" />

        <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
        <script type="text/javascript" src="/assets/js/kendo.all.min.js"></script>
        <script type="text/javascript" src="/assets/js/kendo.aspnetmvc.min.js"></script>
        <script type="text/javascript" src="/assets/js/cultures/kendo.culture.en.min.js"></script>
        <script type="text/javascript" src="/assets/js/cultures/kendo.culture.en-US.min.js"></script>

        <script type="text/javascript">
            kendo.culture("en-US");
        </script>

this is the .net code for generating the input element (.net datatype is decimal)

<td>@(Html.Kendo().NumericTextBoxFor(s => s.QuantitativeCost.AdditionalInformation.PaymentToRetailersForEWaste).Decimals(2).HtmlAttributes(new { style = "text-align:right;" }).Spinners(false).Enable(!Model.QuantitativeCost.IsCompleted).Deferred())</td>

can you help me out ? i'm i missing something ?

kind regards,

NumericTextBox

asked on 18 Sep 2013

5 answers

188 views

[Solved] Kendo Grid Server Popup Edit - Load Properties on Demand

I am using Kendo Grid for ASP.NET MVC in Server Edit mode. The grid is bound to a List<ModelObject>. I am using a Popup Editor. For the popup editor I am using a custom template. The ModelObject has some properties that should be loaded only when editing (lazy load). I have looked for samples but did not find how I can do lazy loading.

Are there any samples I can look at to get some ideas?

Thank you

Grid

answered on 18 Sep 2013

6 answers

417 views

IE 8 Bug: Column Resize Handle not showing on dynamic Grid Columns

I have a grid which columns are dynamically created on runtime. The grid renders fine, but I cannot resize the grid columns in Internet Explorer 8, because the resize handle icon is not shown. There is no problem in IE 9 or in any other browser.

When I use a static grid (column are defined in the razor view) the column resizing works fine also in IE 8. So the combination of dynamic grid columns and IE 8 causes the bug.

Here is the code I use in my razor View to define the dynamic grid:

@{

string controller = ViewContext.GetCurrentController();

string action = ViewContext.GetCurrentAction();

string methodName = "_GetNewGridRows" + "_" + action;

WFObjectListViewModel objectListViewModel = Model;

}

@(Html.Kendo().Grid(objectListViewModel.ObjectDataList)

.Name("Grid_" + objectListViewModel.UniqueID)

.Columns(columns =>

{

columns.Bound(c => c.ID)

.Hidden(true)

.Title("wfID");

columns.Bound(c => c.AspSite)

.Hidden(true)

.Title("aspSite");

for (int i = 0; i < objectListViewModel.FolderColumns.Count; i++)

{

var id = i;

var itemAttributesId = id + 2;

if (objectListViewModel.FolderColumns[i].Type == "text")

{

string template = null;

if (Model.FolderColumns[i].ColumnName == "subject")

{

string wfID = "\"#=ItemAttributes[" + 0 + "]#\"";

string aspSite = "\"#=ItemAttributes[" + 1 + "]#\"";

string jsOpenWindow = "javascript:openWindow(" + wfID + ", " + aspSite + ")";

template = string.Format("<a href='{0}' style='white-space: nowrap;'>{1}</a>", jsOpenWindow, "#=ItemAttributes[" + itemAttributesId + "]#");

}

else

{

template = string.Format(Model.FolderColumns[id].Template, "#=ItemAttributes[" + itemAttributesId + "]#");

}

columns.Bound(c => c.ItemAttributes)

.ClientTemplate("#=gridClientTemplate(Unread, 'begin')#" + template + "#=gridClientTemplate(Unread, 'end')#")

.Title(Model.FolderColumns[id].ColumnDisplayName)

.Hidden(Model.FolderColumns[i].Hidden)

.Column.Member = Model.FolderColumns[id].ColumnUniqueName;

}

else if ((Model.FolderColumns[id].Type == "image") || (Model.FolderColumns[id].Type == "deadline") || (Model.FolderColumns[id].Type == "bit"))

{

int columnWidth = 22 + (Model.FolderColumns[id].ColumnDisplayName.Length * 5);

columns.Bound(c => c.ItemAttributes)

.ClientTemplate("#=gridClientTemplate(Unread, 'begin')#" + string.Format(Model.FolderColumns[id].Template, "#=ItemAttributes[" + itemAttributesId + "]#") + "#=gridClientTemplate(Unread, 'end')#")

.Title(Model.FolderColumns[id].ColumnDisplayName)

.Width(columnWidth)

.Hidden(Model.FolderColumns[i].Hidden)

.Column.Member = Model.FolderColumns[id].ColumnUniqueName;

}

})

.EnableCustomBinding(true)

.DataSource(dataSource => dataSource.Ajax()

.Read(read => read.Action(methodName, controller, new { folderID = Model.FolderID, searchFilterJson = ViewData["hiddenSearchFilter_Data"] }))

.PageSize(Model.EntriesPerPage)

.Total(Model.TotalItems)

)

.Sortable(sorting => sorting.SortMode(GridSortMode.MultipleColumn))

.Selectable()

.Scrollable()

.Resizable(resizing => resizing.Columns(true))

.Events(events => events.DataBound("onObjectDataListBound_" + controller + "_" + action))

.Pageable(pageing => pageing.Enabled(true).Refresh(Model.AllowGridRefresh).Input(true).Numeric(false).PreviousNext(true).PageSizes(new int[] {3, 5, 10, 15, 25, 50, 75, 100 }))

)

Any idea how I can get the resizing handle shown when I move over the columns in IE 8? Updating to IE 9 is not a solution for me, because the customer is forced to use IE 8. Thanks.

Grid

answered on 18 Sep 2013

0 answers

92 views

Datepicker code snippet compilation error

I'm just posting this here for all the Kendo UI/MVC newbies out there...
If you copy and past the code snippet from http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/datepicker/overview, you will get a compilation error about missing parentheses.
Delete all the comments and it will run fine.

DatePicker

asked on 18 Sep 2013