Hi,

I am facing troubles disabling a RadDropDownList using Javascript. The given RadDropDownList is being added as a control from back code file with an ID as shown in attachment.

I am accessing the the element by ID on client side as shown in the attachment. 

I have tried a few suggestions like h.disable(); h.disabled = true; h.enable = false; from various online help sources but none of them seemed to work.

Can someone please help me find a way to disable the control?

I want it to work without having to disable the pointer methods to the block.

Thanks in advance,

Swanand Nalawade

I am attempting to use a grid inside of a hidden div that is expandable. When I load the page with the div hidden, the grid does not size completely. Am I missing something here?

Attached are two images:

Example1: I hid the div by making the display: none; and then expand. The entire height of the grid is not rendered.

Example2: I show the div by making the display: block; and the entire height is rendered properly.

Hi Team,

I have a Kendo grid in batch edit mode and want to save the changes using a Submit button on the form as I also need to validate two other controls outside the Kendo Grid on the click of button. Could you please please advise how can I disable the save button on Grid toolbar and use a Custom button on form to save the Grid changes.

I have tried using javascript function but not working. Below is my view :

@{
    ViewBag.Title = Project.Web_v5.Framework.PageTitleHelper.GetPageTitle("PriceEdit", Request.Url.AbsolutePath);
    Layout = "~/Views/Shared/_Layout_v2.cshtml";
    var sess = new CustomerPortal.SessionManagement();
}
<style>

    #grid .k-grid-header, .k-grid-header .k-header {
        color: palevioletred;
        font-size: large;
    }

    #inputvaluesbox {
        height: 25px;
        width:70%;
        margin:0;
    }
    .k-edit-cell input {
        width: 100%;
    }
</style>
@section Scripts
{
    <script type="text/javascript">

        @*$(document).ready(function () {
            $("#datepicker").closest(".k-widget")
                .attr("id", "datepicker_wrapper");

            var datepicker = $("#datepicker").data("kendoDatePicker");

                datepicker.value(@ViewBag.WeekEndDate);
            });*@

        function error_handler(e) {
            if (e.errors) {
                var message = "Errors:\n";
                $.each(e.errors, function (key, value) {
                    if ('errors' in value) {
                        $.each(value.errors, function () {
                            message += this + "\n";
                        });
                    }
                });
                alert(message);
            }
        }
      
        $(function () {
            kendo.culture("en-AU");
        });

         $("#bEdit").click(function () {
                window.location.href = '@Url.Action("PriceEdit", "MarketingPrice")'  + '&pContactId=@ViewBag.ContactId';
          });

        function additionalData() {
            return {
                stateVal: $('#selectedstate option:selected').text(),
                weekendVal: $('#datepicker').val()
            };
        }

        $("#grid").kendoGrid({
            edit: function (e) {
                $(e.container).find(".k-grid-create").click(
                    function () {
                        var res = confirm("update item"); 
                        if (!res) {
                            event.preventDefault();
                            return false
                        }
                    })
            }
        });

        $("#bSave").on("click", function () {
            $("#Segment").data("kendoGrid").saveChanges();
        });
    </script>
}

<div class="col-md-12">
    <form>

        <div class="form-group col-md-12">
            <br />
            <h3 class="panel-title">
                Form Type : Buyer
            </h3>
        </div>
        <div class="col-md-12">
            <div>
                <table>
                    <tr>
                        <td>
                            <h3>
                                Week End Date&nbsp;
                                @(Html.Kendo().DatePicker().Name("datepicker").Value(ViewBag.WeekEndDate).Format("dd/MM/yyyy").DisableDates(DayOfWeek.Sunday, DayOfWeek.Monday, DayOfWeek.Tuesday, DayOfWeek.Wednesday, DayOfWeek.Thursday, DayOfWeek.Saturday).HtmlAttributes(new { required = "required", validationmessage = "Week End is required", style = "width:100%;", placeholder = "dd/MM/yyyy" }))
                                <br />
                            </h3>
                        </td>
                        <td>
                            &nbsp;&nbsp;&nbsp;
                        </td>
                        <td>
                            <h3>
                                State
                                @Html.DropDownList("StateList", new SelectList(ViewBag.StateList, "Key","Value", ViewBag.State), new { @class = "form-control", required = "required", validationmessage = "State is required", placeholder = "State", tabindex = "3", @id = "selectedstate", style = "width:250%; height:35px;" })
                            </h3>
                            <p>


                            </p>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="text-right btn-toolbar">
            <button id="bLoadPrevious" class="btn btn-sm btn-default" type="button">Fill Last Week’s Figures</button>&nbsp; &nbsp;
            <button id="bSave" type="button">Save Data</button>&nbsp; &nbsp;
        </div>
        <br />
        <br />
        <div class="form-group col-md-12">
            <div style="width:100%;overflow:auto;">
                @(Html.Kendo().Grid<Project.Core.EF.weekly_price_data>
    ()
    .Name("Segment")
    .Columns(columns =>
    {
        columns.Bound(p => p._type).Title(" Type");
        columns.Bound(p => p._weight).Title(" Weight").Width(140);
        columns.Bound(p => p.price_type).Title("Price Type").Width(140);
        columns.Bound(p => p.price).Title("Price(cent/kg)").Width(50);
        columns.Bound(p => p.number_traded).Title("Numbers").Width(50);
    })
        .ToolBar(toolbar =>
        {
            toolbar.Save();
        })
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .HtmlAttributes(new { style = "height:1100px;" })
        .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(true)
        .Group(g => g.Add(p => p._type))
        .PageSize(50)
        .ServerOperation(false)
        .Model(model =>
        {
            model.Id(p => p.id);
            model.Field(p => p.id).Editable(false);
            model.Field(p => p.week_end_date);
            model.Field(p => p.state);
            model.Field(p => p._type).Editable(false);
            model.Field(p => p._weight).Editable(false);
            model.Field(p => p.price_type).Editable(false);
            model.Field(p => p.price);
            model.Field(p => p.number_traded);

        })
        .Events(events => events.Error("error_handler"))
        .Create(create => create.Action("Editing_Create", "MarketingPrice", new { id = ViewBag.ContactId }).Data("additionalData"))
        .Read(read => read.Action("PriceEdit_Read", "MarketingPrice", new { id = ViewBag.ContactId, pModelId = ViewBag.pModelId }))
        .Update(read => read.Action("Editing_Update", "MarketingPrice", new { id = ViewBag.ContactId }).Data("additionalData"))
        .Destroy("Editing_Destroy", "MarketingPrice")
        )
        )
    <br />
</div>
            <br />
        </div>

    </form>
</div>

I would like to combine a stacked bar and line chart in the same graph. I am able to generate the stacked bars, however, I am having difficulties generating the line graph. The data for the chart is fed from the Model. Any help is appreciated.

Here is the "View"

The Model:

And the Controller reads the data into the Model  and  "return Json(result);"

Thanks in advance,

Ricky

Hello!

I'd like to create a tooltip displaying information about a task-item (event-item?) in the scheduler, however i have run into some problems.

 Based on the demos you provide that shows the source for how to create the tooltip I tried to createa tooltip for the scheduled events inside of my scheduler. The code for the tooltip looks like this: 

Since this is not working, im assuming that it is incorrect. I also tried doing it like this: 

 This did not work either. 

 Thanks for helping me.

Hi,

I have two grids, second grid (child) shows up in a window by clicking on the custom button in the first grid.  the problem are I cannot transfer the required information from parent grid to the child one (for example the id of row ) and the window is initiated once not more (in order to invoke the child grid with new routevalue). I tried session to transfer id, but it does not work properly.

I followed these examples: 

http://demos.telerik.com/aspnet-mvc/grid/custom-command

http://www.telerik.com/forums/kendo-grid-on-a-kendo-window

in my code, first grid (parent grid) is here:

        @(Html.Kendo().Grid<MainPortal.Models.Tbl_Sample>()
                       .Name("GridShowSample")
                       .DataSource(dataSource => dataSource //Configure the Grid data source.
                           .Ajax() //Specify that Ajax binding is used.
                           .Model(model => model.Id(p => p.SID))
                           .PageSize(20)
                           .Read(read => read.Action("SampleRead", "Mycontroller"))
                           .Create(create => create.Action("AddNewSample", "Mycontroller", new { model = "#=MainPortal.Models.Tbl_Sample#" }))
                           .Update(update => update.Action("Edit", "Mycontroller"))
                         )
                      .Columns(columns =>
                      {
                          columns.Bound(p => p.ID).Width(130);
                          columns.Bound(p => p.SampleBirthDay).Format("{0:MM/dd/yyyy}").Width(130);
                          columns.Bound(p => p.SampleSex).ClientTemplate(
                      "#if (SampleSex == 0) { # Female # } else if (SampleSex == 1) { # Male # } else if (SampleSex == 2) { # Unknown # } #").Filterable(filterable => filterable.UI("genderFilter")).Width(130);
                          columns.Bound(p => p.SampleStatus).ClientTemplate("#=(SampleStatus == 1) ? 'Alive' : 'Dead'#").Filterable(filterable => filterable.UI("statusFilter")).Width(130);
                          columns.Bound(p => p.User).ClientTemplate("Unknown User").Width(130);
                          columns.Bound(p => p.Date).Format("{0:MM/dd/yyyy}").Width(130);
             
                          columns.Command(command => { command.Custom("ViewDetails").Text("show history").Click("showHistory"); command.Edit(); command.Custom("confirmdelete").Text("<span class=\"k-icon k-i-delete\" title=\"delete\"></span>").Click("confirmdelete"); }).Width(200);
                      })
                      .ToolBar(toolbar =>
                      {
                      toolbar.Create().Text("Add New Sample").HtmlAttributes(new { id = "AddNewSample" });
               
                      })
                     .Filterable(filterable => filterable
                         .Extra(false).Messages(m => m.Info("Items with value equal to:")
                        ))
                     .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("AddNewSample") )
                     .Pageable()
                     .Sortable()
                     .Scrollable()
                    .Events(ev => ev.FilterMenuInit("filterMenuInit"))
                    .HtmlAttributes(new { style = "height:550px" })
)
}

here is the window that call the Partialview of the grid and Javascript function:

    @{Html.Kendo().Window()
              .Name("SampleHistoryModal")
              .Content(@<text>
                    @{Html.RenderPartial("_PartialSampleHistory")}
</text>)
                .Draggable()
                .Resizable()
                .Visible(false)
                .Actions(actions => actions.Pin().Minimize().Maximize().Close())
                .Render();
    }

    <script>
        function showHistory(e) {
          
            e.preventDefault();

            var grid = $("#GridShowSample").data("kendoGrid");
            var dataItem = grid.dataItem($(e.target).closest("tr"));
   
            var SID = dataItem.MyData;
        
            $("#SampleHistoryModal").data("kendoWindow").open()
        }

    </script>

 And here is the child grid in partial view:

@(Html.Kendo().Grid
<MainPortal.Models.Tbl_Sample_History_Sel_ID_Result>
    ()
    .Name("Grid")
    .Columns(columns =>
    {
    columns.Bound(o => o.ID).Width(130);
    columns.Bound(o => o.SampleFName).Width(120);
    columns.Bound(o => o.SampleLName).Width(120);
    columns.Bound(o => o.User).ClientTemplate("Unknown User").Width(130);
    columns.Bound(o => o.Date).Format("{0:MM/dd/yyyy}").Width(130);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    
   
    .DataSource(dataSource => dataSource
                    .Ajax()    
                   .Model(model => model.Id(o => o.PhenotypeSID))
                   .Read(read => read.Action("SampleHistoryRead", "MyController",new { ID = "1234"  }))))

This is what my monthView looks like after grouping my events.

Each Room Cell should be longer !! ( as long as the month calendar )

How to fix it, just to look normal !?