i have downloaded and installed latest version of kendo UI for mvc into existing project. since then the datetimepicker doesn't stay open,can anyone help me with this.

thanks 

Hi,

I tried to set the grid height in percents and it's doesn't effect?

how can I do it? I want it to looks  good in pc and laptop and I don't want to have 2 vertical scrollbar (one for the window and one for the grid)/ i want only for the grid.

Thanks

Hi,

I have a chart in Excel i'd like to replicate, i've attached an image of it (Chart1). I've currently gotten this far (Chart2).

Here's the code:

2 Issues:

1. I'm not sure how to stack the sum of TimesheetHours into the Month and Year from TimesheetWorkDateMonthYear (DateTime)
2. I don't now how to get the Key to should the Month and Year instead of the Person (FullName)

My Class:

Hi,

I have a Grid where i group by the Year and Month from a DateTime (see attached Image - Table1), but without defining the columns and using the Title they display like so (see Table2 image):

• "TimesheetWorkDateMonthYear.Year: 2017" instead of "Year: 2017"
• "TimesheetWorkDateMonthYear.Month: Jul" instead of "Month: Jul"

How can i make them display properly without showing the Columns or even adding them?

I've tried adding '.Visable(false)' to the Columns but this doesn't work also.

So I am trying to do something a little odd. I have a few tables with denormalized data. I have a setup table that based on the field name returns a list of values I populate a combobox on my grid with. On my grid when I edit up create a new record it never sends over the selected value. Also, by default if that record in the grid does not have a value it says "null" instead of the placeholder which seems to defeat the whole purpose of a place holder. Any assistance would be greatly appreciated.

public class InventoryViewModel
    {
        public int InventoryId { get; set; }
        public int ProjectId { get; set; }
        public int Qty { get; set; }
        public bool AuditFlag { get; set; }
        public string UpdatedBy { get; set; }
        public DateTime? UpdatedDt { get; set; }
        public int? ProductNameId { get; set; }
        public string Size { get; set; }
        public string WorkTypes { get; set; }

        [DisplayName("Size")]
        [UIHint("NewMeterSizeDDEditor")]
        public MeterSizeDDViewModel SizeList { get; set; }

        [DisplayName("Work Types")]
        [UIHint("WorkTypesMSEditor")]
        public IEnumerable<InventoryWorkTypesMSViewModel> WorkTypesMS { get; set; }

        public List<InventoryViewModel> GetList(int projectId, int? productNameId)
        {
            try
            {
                int ii = 1;

                List<InventoryViewModel> model = new List<InventoryViewModel>();
                 model = _db.Inventories
                        .Select(i =>
                              new InventoryViewModel
                              {
                                  InventoryId = i.InventoryId,
                                  ProjectId = i.ProjectId,
                                  Qty = i.Qty,
                                  AuditFlag = i.AuditFlag,
                                  ProductNameId = i.ProductNameId,
                                  UpdatedBy = i.UpdatedBy,
                                  UpdatedDt = i.UpdatedDt,
                                  Size = i.Size,
                                  WorkTypes = i.WorkTypes,
                                  SizeList = new MeterSizeDDViewModel
                                              {
                                                 // WorkOrderFieldDropDownValueId = -1,
                                                  Size = i.Size
                                              }
                              })
                        .Where(i => i.ProjectId == projectId)
                        .Where(i => productNameId == 0 || i.ProductNameId == productNameId).ToList();

                foreach(var m in model)
                {
                    if(m.WorkTypes != null)
                    {
                        string[] workTypeArray = m.WorkTypes.Split(',');

                        List<InventoryWorkTypesMSViewModel> f = new List<InventoryWorkTypesMSViewModel>();

                        foreach(string wt in workTypeArray)
                        {

                            f.Add(new InventoryWorkTypesMSViewModel
                            {
                                Id = ii,
                                WorkType = wt
                            });

                            ii++;
                        }

                        m.WorkTypesMS = f.AsEnumerable();
                        
                    }
                }

                return model.ToList();
            }

            catch (Exception ex)
            {
                StatusErrorHandlingViewModel sc = new StatusErrorHandlingViewModel();

                System.Web.UI.Page page = new System.Web.UI.Page();
                string loginUserID = page.User.Identity.Name;

                sc.Id = -1;
                sc.Class = "InventoryViewModel";
                sc.Method = "GetList";
                sc.User = loginUserID;
                sc.Message = ex.ToString();

                sc.AddError(sc);

                _db.SaveChanges();

                return null;
            }
        }

public JsonResult _PopulateNewMeterSize(string text)
        {
            var meterSizes = _db.WorkOrderFieldDropDownValues
                .Where(v => v.WorkOrderFieldDropDown.WorkOrderField == "NewSize")
                .Select(w => new MeterSizeDDViewModel
                {
                   // WorkOrderFieldDropDownValueId = w.WorkOrderFieldDropDownValueId,
                    Size = w.Value
                });

            if (!string.IsNullOrEmpty(text))
            {
                meterSizes = meterSizes.Where(p => p.Size.Contains(text));
            }

            return Json(meterSizes, JsonRequestBehavior.AllowGet);
        }

        public void _PopulateNewMeterSizeViewData()
        {
            var meterSizes = _db.WorkOrderFieldDropDownValues
                .Where(v => v.WorkOrderFieldDropDown.WorkOrderField == "NewSize")
                .Select(w => new MeterSizeDDViewModel
                {
                    //   WorkOrderFieldDropDownValueId = w.WorkOrderFieldDropDownValueId,
                    Size = w.Value
                }); //.OrderBy(v => v.WorkOrderFieldDropDownValueId).ToList();

            ViewData["newSize"] = meterSizes;
            ViewData["defaultNewSize"] = meterSizes.First();
        }

View

<script type="text/kendo" id="WorkTypesMSTemp">
    <ul>
        #for(var i = 0; i< data.length; i++){#
        <li>#:data[i].WorkType#</li>
        #}#
    </ul>
</script>

<script type="text/javascript">
    var WorkTypesMSTemp = kendo.template($("#WorkTypesMSTemp").html(), { useWithBlock: false });
</script>

<h2>Inventory List</h2>


@(Html.Kendo().Grid<FS2.ViewModels.Inventory.InventoryViewModel>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(u => u.InventoryId).Visible(false);
            columns.Bound(u => u.ProjectId).Visible(false);
            columns.Bound(u => u.ProductNameId).Visible(false);
            columns.Bound(u => u.Qty);
            columns.Bound(u => u.AuditFlag);
            columns.Bound(u => u.SizeList).ClientTemplate("#=SizeList.Size#");
            columns.Bound(u => u.WorkTypesMS).ClientTemplate("#=WorkTypesMSTemp.WorkTypesMS#");
            columns.Command(command => { command.Destroy(); }).Width(150);
        })
        .ToolBar(toolBar =>
        {
        //code to create template
        toolBar.Template(@<text>
        <div class="toolbarbuttons">
            <a id="AddNew" class='k-button k-button-icontext k-grid-add k-state-disabled' href='#'><span class='k-icon k-add'></span>Add new record</a>
            <a class='k-button k-button-icontext k-grid-save-changes' href='#'><span class='k-icon k-i-check'></span>Save</a>
            @*onclick="return onSave()"*@
        </div>
        <div class="toolbar">

            <label class="workDate-label" for="workDate">Product:</label>
            @(Html.Kendo().DropDownList()
                                .Name("productname")
                                .OptionLabel("All")
                                .DataTextField("ProductName")
                                .DataValueField("ProductNameId")
                                .AutoBind(false)
                                .Events(e => e.Change("productnameprojectChange"))
                                .HtmlAttributes(new { style = "width: 70%;" })
                                .DataSource(ds =>
                                {
                                    ds.Read("_PopulateProductNamesDD", "Common");
                                })
            )
            <label class="site-label" for="site">Project:</label>
            @(Html.Kendo().DropDownList()
                                .Name("project")
                                .OptionLabel("All")
                                .DataTextField("ProjectName")
                                .DataValueField("ProjectId")
                                .AutoBind(false)
                                .Events(e => e.Change("projectChange"))
                                .HtmlAttributes(new { style = "width: 70%;" })
                                .DataSource(ds =>
                                {
                                    ds.Read("_PopulateProjectsDD", "Common");
                                })
            )
        </div>
        </text>);
        })
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Pageable()
        .Sortable()
        .Scrollable()
        .HtmlAttributes(new { style = "height:550px;" })
        .DataSource(dataSource => dataSource
            .Ajax()
            .Batch(true)
            .ServerOperation(false)
            .Events(events => events

                .Error("error_handler")

                .Change("onChange")
                )
        .Model(model =>
        {
            model.Id(u => u.InventoryId);
            model.Field(u => u.Size == u.SizeList.Size);
            model.Field(u => u.WorkTypesMS).DefaultValue(new List<FS2.ViewModels.Common.InventoryWorkTypesMSViewModel>());
            model.Field(u => u.SizeList).DefaultValue(
               ViewData["defaultNewSize"] as FS2.ViewModels.Common.MeterSizeDDViewModel);
        })
        .PageSize(20)
        .Read(read => read.Action("_InventoryListGrid", "Inventory").Data("onRead"))
        .Create(create => create.Action("_InventoryListGridCreate", "Inventory").Data("serialize"))
        .Update(update => update.Action("_InventoryListGridEdit", "Inventory").Data("serialize"))
        .Destroy(destroy => destroy.Action("_InventoryListGridDestroy", "Inventory"))

    )
)

I am trying to submit a form that contains localized data and numeric textboxes with decimal numbers.

The culture I use is hr-HR and decimal data numbers look like 123,45. the problem is that whenever the decimals are present, the form will not submit. I think it might be the validation because of the (,)  instead of the dot, If I leave zeroes in decimal places, the form submits nicely.

How do I get the form to accept localized decimal numbers?

------------

I've realized that the NumericTextbox doesnt see comma (which are created on GET) as the decimal separator. And due to change culture I cannot use dots. So Im cornered.

Is this a bug or am I missing something?

Hi I have a hidden div that is initiated as a popup window.

The window works fine - dynamically changed title, centre and opens. Unfortunately despite it being set as modal: true it does not display the overlay or behave as a modal.

Below is a html file that demonstrates my problem... Where have I gone wrong?

Hi,

I'm creating a master-detail grid (see the screenshot attached) and I need the following:

1. Always show the first column in both grids as checkboxes. Currently in the master grid I need to click the column and after that a checkbox is shown so I need to click again to change the checkbox status. What I need is to show the checkbox always and when I click it only once I change it status.
2. I need to do the details grid editable so I can check/uncheck the checkboxes in the first column. See the red circle in the screenshot, currently I can't see the checkbox. I did some trials with no success!
3. When the user click the checkbox in the master grid then all checkboxes in the detailed grid for that row are set to checked (this is realized in the client side)

Both grids uses local data binding, once the controller returns the view I don't wanna access the server again to read the data of the grids. Here's my code

The view:

and here's the model

Any help will be appreciated

Thanks.

I have a gantt control on a page. The toolbar has to have a similar button like the AddTask when clicking on it a context menu should appear.

The gantt configuration looks like this

And the template like this

However I get an exception:

Unhandled exception at line 25, column 7809 in http://localhost:56541/Scripts/kendo.all.min.js
0x800a139e - JavaScript runtime error: Invalid template:'<button class="k-button k-button-icontext k-gantt-create" type="button" data-action="add"><span class="k-icon k-i-plus"></span><span>Add Task</span></button><button class="k-button k-button-icontext k-gantt-pdf" type="button" ><span class="k-icon k-i-file-pdf"></span><span>Export to PDF</span></button>
   <a class="k-button expandbutton"><span class="k-icon"></span>Expand/Collapse</a>
   <ul class="k-widget k-reset k-header k-menu k-context-menu k-menu-vertical" id="expandMenu"><li class="k-item k-state-default"><span class="k-link">Expand Parent</span></li><li class="k-item k-state-default"><span class="k-link">Expand all</span></li><li class="k-item k-state-default"><span class="k-link">Collapse all</span></li></ul><script>
kendo.syncReady(function(){jQuery("#expandMenu").kendoContextMenu({"direction":"bottom","openOnClick":true,"filter":".expandbutton","showOn":"click"});});
</script>
' Generated code:'var $kendoOutput, $kendoHtmlEncode = kendo.htmlEncode;with(data){$kendoOutput='<button class="k-button k-button-icontext k-gantt-create" type="button" data-action="add"><span class="k-icon k-i-plus"></span><span>Add Task</span></button><button class="k-button k-button-icontext k-gantt-pdf" type="button" ><span class="k-icon k-i-file-pdf"></span><span>Export to PDF</span></button>\n   <a class="k-button expandbutton"><span class="k-icon"></span>Expand/Collapse</a>\n   <ul class="k-widget k-reset k-header k-menu k-context-menu k-menu-vertical" id="expandMenu"><li class="k-item k-state-default"><span class="k-link">Expand Parent</span></li><li class="k-item k-state-default"><span class="k-link">Expand all</span></li><li class="k-item k-state-default"><span class="k-link">Collapse all</span></li></ul><script>\n\tkendo.syncReady(function(){jQuery("';expandMenu").kendoContextMenu({"direction":"bottom","openOnClick":true,"filter":".expandbutton","showOn":"click"});});
</script>
;$kendoOutput+=;}return $kendoOutput;'

I have used the same template on a grid and no exception was thrown. 

The telerik version that I tested was with 2018.1.221.545. Was this issue fixed in the latest version or what am I doing wrong?