Hi,

I have this error Uncaught ReferenceError: TypeMontant is not defined When i tried to display the editor Inline.

When clicking on Add new record, for the field TypeMontant, it's suppose to display a dropDownList, but this error appear.

I followd this tutorial : http://demos.telerik.com/aspnet-mvc/grid/editing-custom to achieved that

Here the view

@using EDC.NAVComptable.WebUi.Infrastructure.Configuration
@using EDC.NAVComptable.WebUi.Ressources
@using Kendo.Mvc.UI
@(Html.Kendo().Grid<EDC.NAVComptable.WebUi.ViewModel.Core.PosteComptableTypeMontantViewModel>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(e => e.PosteComptbCd).Width(110).Title(Layouts.PosteComptable).Filterable(filterable => filterable.UI("typeMontant").Multi(true));
            columns.Bound(e => e.TypeMontant).Width(110).Title(Layouts.TypeMontant).ClientTemplate("#=TypeMontant.RefrncCibleCd#");
            columns.Bound(e => e.DtDebutVersion).Width(110).Title(Layouts.DtDebutVersion).ClientTemplate("#= (DtDebutVersion == null) ? '' : kendo.toString(DtDebutVersion, 'yyyy-MM-dd') #");
            columns.Bound(e => e.DtFinVersion).Width(110).Title(Layouts.DtFinVersion).ClientTemplate("#= (DtFinVersion == null) ? '' : kendo.toString(DtFinVersion, 'yyyy-MM-dd') #");
            columns.Bound(e => e.DtsSupprm).Width(110).Title(Layouts.DtsSupprm).ClientTemplate("#= (DtsSupprm == null) ? '' : kendo.toString(DtsSupprm, 'yyyy-MM-dd') #");
            columns.Bound(e => e.IndVersionCournt).Width(110).Title(Layouts.IndVersionCournt);
            columns.Bound(e => e.LoadDts).Width(110).Title(Layouts.LoadDts).ClientTemplate("#= (LoadDts == null) ? '' : kendo.toString(LoadDts, 'yyyy-MM-dd') #");
            columns.Command(command => command.Destroy()).Title("Supprimer").Width(150);
        })
        .ToolBar(toolbar =>
        {
            toolbar.Save().SaveText("Sauvegarde").CancelText("Annuler");
            toolbar.Excel();
            toolbar.Create();
        })
        .Excel(excel => excel.FileName("PosteComptableTypeMontant.xlsx"))
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Groupable()
        .Sortable()
        .Pageable()
        .Scrollable()
        .Filterable(filterable => filterable
        .Extra(false)
        .Operators(operators => operators
            .ForString(str => str.Clear()
                .StartsWith("Starts with")
                .IsEqualTo("Is equal to")
                .IsNotEqualTo("Is not equal to")
            ))
        )
        .HtmlAttributes(new { style = "height:600px;" })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(WebConfigFile.PageSizeList)
            .Model(
                model =>
                {
                    model.Id(p => p.PosteComptbTypeMontantSqn);
                    model.Field(p => p.PosteComptbTypeMontantSqn).Editable(false);
                    model.Field(p => p.TypeMontant).DefaultValue(ViewData["TypeMontant"] as EDC.NAVComptable.WebUi.ViewModel.Core.TypeMontantViewModel);
                    model.Field(p => p.PosteComptbCd).DefaultValue(ViewData["PosteComptbCd"] as EDC.NAVComptable.Model.Core.PosteComptable);
                }
            )

            .Read(read => read.Action("PosteComptableTypeMontant", "Reference"))
            .Update("Editing_Update", "Grid")
            .Create(update => update.Action("EditingPopup_Create", "Reference"))
        )
)

here the Controller

 public ActionResult Index()
        {
            var dateComptable = _dateCalendrierRepository.GetdateComptable();
            InitDropDown();
            return View(new DateCalendrierViewModel {DtCalndr = dateComptable.DtCalndr});
        }

        public ActionResult TypeMontantDistinct()
        {
            return Json(_typeMontantRepository.GetDistinct().Select(e=>e.RefrncCibleCd), JsonRequestBehavior.AllowGet);
        }

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult EditingPopup_Create([DataSourceRequest] DataSourceRequest request, PosteComptableTypeMontant model)
        {
            if (model != null && ModelState.IsValid)
            {
                _referenceRepository.Save(model);
            }

            return Json(new[] { model }.ToDataSourceResult(request, ModelState));
        }

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult PosteComptableTypeMontant([DataSourceRequest] DataSourceRequest request)
        {
            var posteComptableTypeMontant = _referenceRepository.GetAll().Select( x=> new PosteComptableTypeMontantViewModel
            {
                TypeMontant = new TypeMontantViewModel { RefrncCibleCd = x.TypeMontant},
                PosteComptbCd = x.PosteComptbCd,
                DtDebutVersion = x.DtDebutVersion,
                PosteComptbTypeMontantSqn = x.PosteComptbTypeMontantSqn,
                DtFinVersion = x.DtFinVersion,
                DtsSupprm = x.DtsSupprm,
                LoadCycleId = x.LoadCycleId,
                IndVersionCournt = x.IndVersionCournt,
                LoadDts = x.LoadDts
            }).ToList();

            var nouveauPosteComptable = _posteComptableRepository.GetNew().Select(x => new PosteComptableTypeMontantViewModel
            {
                PosteComptbCd = x.PosteComptbCd,
            }).ToList();

            foreach (var posteComptable in nouveauPosteComptable)
            {
                posteComptableTypeMontant.Add(new PosteComptableTypeMontantViewModel
                {
                    PosteComptbCd = posteComptable.PosteComptbCd,
                });
            }

            return Json(posteComptableTypeMontant.OrderBy(x => x.TypeMontant.RefrncCibleCd).ToDataSourceResult(request));
        }

        private void InitDropDown()
        {
            var typeMontant = _typeMontantRepository.GetDistinct()
                .Select(element => new TypeMontantViewModel{ RefrncCibleCd= element.RefrncCibleCd})
                .ToList();

            //var posteComptable = _posteComptableRepository.GetDistinct()
            //    .Select(element => new PosteComptable { PosteComptbCd = element.PosteComptbCd })
            //    .ToList();

            //ViewData["PosteComptbCd"] = posteComptable;
            //ViewData["DefaultPosteComptbCd"] = posteComptable.First();
            ViewData["TypeMontant"] = typeMontant;
            ViewData["DefaultTypeMontant"] = typeMontant.First();

        }

Here the model

public class PosteComptableTypeMontantViewModel
    {
        public PosteComptableTypeMontantViewModel()
        {
            TypeMontant = new TypeMontantViewModel();    
        }

        public int PosteComptbTypeMontantSqn { get; set; }
        public string PosteComptbCd { get; set; }
        public TypeMontantViewModel TypeMontant { get; set; }

        [UIHint("Date")]
        public DateTime DtDebutVersion { get; set; }
        [UIHint("Date")]
        public DateTime? DtFinVersion { get; set; }
        [UIHint("Date")]
        public DateTime? DtsSupprm { get; set; }
        public bool IndVersionCournt { get; set; }
        [UIHint("Date")]
        public DateTime LoadDts { get; set; }
        public int LoadCycleId { get; set; }
    }

public class TypeMontantViewModel
    {
        public string RefrncCibleCd { get; set; }
    }

Thank for your help

Anthony

Hello,

In the last version of Kendo Tab the Scrolling button position is under the tab and not on the left and right side - why?
(see attached picture)

regards robert

I have a Barcode that is within a partial view.  If I do not include a width and height at the beginning I get an error when rendering.

@Html.Kendo().Barcode().Name("barcode-" + Guid.NewGuid().ToString()).Value(@Model.WidgetTagValue).Encoding(Model.barcode_symbology).Width(150).Height(150)

I have a resize event that tries to change it to fit the size of the parent div on page init and on window resize.

function setBarcodeSize() {
        if ($('.k-barcode').length > 0) {
            $('.k-barcode').each(function () {
                var parentDivWidth = $(this).closest(".andon-widget-container").width() - 50;
                var parentDivHeight = $(this).closest(".andon-widget-container").height() - $(this).closest(".andon-widget-container").find(".andon-widget-title").height();
                $(this).css("width", $(this).width(parentDivWidth) + "px").css("height", $(this).height(parentDivHeight) + "px");
                $(this).data("kendoBarcode").redraw();
            });
        }
    }

The width and height of the k-barcode <div> are set appropriately but the size of the child <div> with the data-role="surface" remains at 150x150

Advice?

Hello,

I'm trying to put title on 2 lines but the layout is not so good.  See attachment.  This is the code used here :

We have a project that is half ASP using RAD, and the other half is ASP MVC. On our local development boxes that project compiles and works fine, but when we publish it to production the icons do not appear. Initially, it was a CSS problem that wasn't skinning any of the MVC portion of the web site but we tweaked the path and now the Kendo controls are rendering fine, with the exception of the icons. I know that the icons reside in the sprite.png file, and I think I need to move a copy of the ~/Contents/kendo folder to another path so that the MVC portion of the project can find the icons, but so far I can figure out where to put it.

Any suggestions?

Attached is a screenshot of the folder structure of the project. The MVC portion of the project is in Areas/MvcArea.

Hi,

I have a grid with inline editing and a date field. Model:

        [DataType(DataType.Date)]
        public DateTime RelevantDate { get; set; }

Grid:

cols.Bound(p => p.RelevantDate).Format("{0:yyyy-MM-dd}").EditorTemplateName("DatePicker").Title("Date of change").Width(120);

The DatePicker template is in the Views\Shared\EditorTemplates folder.

My problem is that when I select a date in the grid and hit Submit the parameter model.RelevantDate in the controller method has the selected date and the current time i.e. 2016-04-01 08:19:41. What I would like to have is the date only: 2016-04-01 00:00:00. Is this possible?

Best regards,

Henrik

I have a 3 part question.

1) Can you set the value of a text in the same row, based on a selection from a dropdownlist. When a user chooses a Field, I would like to update the DisplayName column to a value based on the Field they chose.

2) How do you set the default value of a ClientTemplate checkbox to true

3) How do you set the default value of a textbox, I want to set the Ordering textbox to count + 1.

Following his my grid definition and relevant OnEdit function.

Hello,

If I have a grid which fills more than the heigth of the screen, (if the grid doesn´t fill the whole height it works fine) for some reason when I click on the grids buttons it makes an annoying scroll to the top. It only happens in google chrome.

I attach a picture

Thank you