Hey, first of all thanks for providing such useful and beautiful components to asp.net. I am developing a mobile web site and would like to use a global drawer in _Layout page for navigation. But somehow i can't replace the default tabstrip with a drawer. Drawer button is visible and clickable but won't bring the drawer if pressed. Can you provide me with basic guidance and a sample code? 

Hi,

 I am trying to disable kendo
dropdown list in javascript,

And it is not working for me.

Here
the code:

$(“#entityId").data("kendoDropDownList").enable(false);


Thanks,

 

Hello,

Please give me an idea how to do multiple nested subgrids.  please see the attachment for more details.

I have a main grid (one row), a subgrid1 (9 rows) and below the subgrid1 with 5 hyperlinks.

If a user clink on a hyperlink then a subgrid2 will show the data. If the user click on the different hyperlink then the subgrid2 will be updated.

My question:

how to add 5 hyperlinks below subgrid1.

how to show subgrid2 when a user click on a hyperlink.

Thank you!!! 

 

Hello,
I have cascading dropdowns in my hierarchical grid (child rows) working fine. What I need is when the last dropdown value is selected that it would call my function (which it is doing fine), pass the id, look up the suggested price for the Price column and update the grid.

Here is what I have so far:

My child grid template:
<script id="orderdetailtemplate" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<Trecero.Models.OrderDetail>()
            .Name("grid_#=OrderId#")
                    .HtmlAttributes(new {@class="MyDetails" })
            .Columns(columns =>
            {
                columns.Bound(o => o.OrderDetailId).Width(100).Title("Id");
                columns.Bound(o => o.DateOrder).Width(75).Title("Date").Width(130).Format("{0:MM/dd/yyyy}");
                columns.ForeignKey(p => p.CompanyId, (System.Collections.IEnumerable)ViewData["companies"], "CompanyId", "CompanyName").Title("Company").Width(100).HeaderHtmlAttributes(new { @title = "Company" }).Width(200).EditorTemplateName("CompanyId");
                columns.ForeignKey(p => p.OrderItemId, (System.Collections.IEnumerable)ViewData["orderitems"], "OrderItemId", "ItemCode").Title("Item").Width(300).HeaderHtmlAttributes(new { @title = "Item" }).Width(300).EditorTemplateName("OrderItem");
                columns.Bound(o => o.Price).Width(110);
                columns.Bound(o => o.OrderItem).ClientTemplate("#=OrderItem.Price#").Width(100);
                columns.Bound(o => o.Qty).Width(80);
                columns.ForeignKey(p => p.OrderStatusId, (System.Collections.IEnumerable)ViewData["orderstatus"], "OrderStatusId", "Description").Title("Status").Width(150);

                columns.Command(command => { command.Edit(); }).Width(150);
            })
                                  .ToolBar(toolbar => toolbar.Create().Text("Add Line").HtmlAttributes(new { @title = "Add Line" }))
                                .Editable(editable => editable.Mode(GridEditMode.InLine))
                                .DataSource(dataSource => dataSource
                                    .Ajax()
                                    .PageSize(10)
                                            .Model(model =>
                                            {
                                                model.Id(p => p.OrderDetailId);
                                                model.Field(p => p.EnteredByUserId).DefaultValue(ViewBag.CurrentUserId);
                                                model.Field(p => p.IsPosted).DefaultValue(false);
                                                model.Field(p => p.OrderId).Editable(false);
                                                model.Field(p => p.OrderDetailId).Editable(false);
                                                model.Field(p => p.DateOrder).DefaultValue(DateTime.Today).Editable(false);
                                                model.Field(p => p.Qty).DefaultValue(1);
                                                model.Field(p => p.OrderStatusId).DefaultValue(1);
                                                model.Field(p => p.Description).Editable(false);
                                            })
                                    .Read(read => read.Action("OrderDetail_Read", "Orders", new { id = "#=OrderId#" }))
                                    .Create(update => update.Action("OrderDetail_Create", "Orders"))
                                    .Update(update => update.Action("OrderDetail_Update", "Orders"))
                                    .Destroy(update => update.Action("OrderDetail_Destroy", "Orders"))
                                )
                                .Pageable()
                                .Sortable()
                                .ToClientTemplate()
    )
</script>

My editor template drop down that is doing the triggering:
@model int

@(Html.Kendo().DropDownListFor(m => m)
                  .AutoBind(false)
                  .OptionLabel("Select Item...")
                  .DataTextField("TextValue")
                  .DataValueField("Id")
                  .Events(e => e.Change("orderitemchanged"))
                  .DataSource(dataSource =>
                  {
                      dataSource.Read(read => read.Action("GetOrderItemListbyCompanyId", "Orders").Data("filterCompanies"))
                                .ServerFiltering(true);
                  })

                  
                  .CascadeFrom("CompanyId")
                  
)
@Html.ValidationMessageFor(m => m)

and finally the event where I need this magic to happen:

function orderitemchanged(e) {
        var tr = $(e.target).closest(".k-detail-row").closest('div.k-grid').data("kendoGrid");
        
        alert(tr);

        //alert(data);

        //var grid = $("#grid").data("kendoGrid"),
        //model = grid.dataItem(this.element.closest("tr"));

       
        //alert(model);

        //var x = e.dataItem['Price'].text;
        //alert(x);

        //var t = $("#OrderItemId").data("kendoDropDownList").value();

        //var items = this.dataSource.data();

        //for (var i = 0; i < items.length; i++) {

        //    alert('hit');

        //    //alert(items[i].value);

        //    items[i].set("Price", 100);
        //}

        //var x = $("#Price").data("kendoTextbox").text();

        //alert(x);

        //var tr = $(e.target).closest("tr"); //get the row

        //var data = this.dataItem(tr); //get the row data so it can be referred later

        //alert(data);
        //data.set("UnitPrice", data.UnitPrice * 10);
       
    }

As you can see, I've tried everything.

Hi,

I have one dropdownlist and one grid in my form.I fill grid from dropdownlist change event with script.I initialize the data from page load in the controller.I create dynamic grid with columns.In  dropdownlist item support has diffrent column count and names think about like table.When I selected the item on dropdownlist the grid data will come but columns number will not change how can I change the columns from selected item?.I get the columns and data from controller.Data will come but columns will not come and change.And also the view page(.cshtml) not trigger when grid read the data.How can I solve this issue changing the columns selecting from dropdownlist 

And my view page source codes is here.

Can any one help?

 

I am using rad tree view in my project. Where i need to get all the child node details when i select the parent node alone without expanding for the first time.

 i found in forum that GetItemByPath() (http://docs.telerik.com/devtools/wpf/controls/radtreeview/how-to/get-item-by-path.html) is the only option. 

Please guide me on this..

 Thanks in advance..

Hi,

Is it possible to have cascaded dropdown list in batch edit? If yes, can you provide us a sample?

 

Thanks,

 

 

 

I am using a grid that is inside a content pane for a single page application website.  My problem is that once I put the grid inside the Dojo ExpandoPane with splitter:true for resizing capability, I lose the sticky column headers when I scroll down.  

Here's the HTML I'm using for the grid inside the ExpandoPane... (grid-container is inside a BorderContainer)

<div id="grid-container" dojotype="dojox.layout.ExpandoPane" data-dojo-props="region:'bottom',splitter:true" class="resultsContainer">
    <div id="grid" class="k-content"></div>
</div>

And the css...

#grid-container {
    padding: 0;
    height: 40%;
}

#grid {
    height: auto;
    width: 100%;
    display: inline-table;
}

And populating the grid...

                $("#grid").kendoGrid({
                    columns: columns,
                    navigatable: true,
                    dataSource: results
                });

 

I can get a grid that works as intended if I fix the grid height to 100% as shown below, but I lose the nice resize capability of the ExpandoPane, plus you have to scroll all the way to the right of the grid for the vertical scrollbar.  

#grid {
    height: 100%;
    width: 100%;
    display: inline-table;
}

 So is there any way I can have the resize functionality while retaining the sticky column headers?

Hi,

I'm trying to implement an imagebrowser and I want to have one controller for several editors with imageBrowser. but I want to use different root in each one.

how can I make the "path" send a prefix with the file name?

or how can I send more data with the read request (or any other request the imageBrowser allow)?

Thanks

I am trying to put a sparkline bullet chart in one column of my grid, and I can't figure out how to pass in the data that is currently in my grid. Do you have an example of using a sparkline in a grid in this manner?

Here is what I currently have. However, 1) I had to hardcode the data as an example, since I have not yet figured out how to pass in the data, and 2) it doesn't work, as it's complaining there is a runtime error of an Invalid template

This was my attempt to pass in the data, which failed:
Thanks for your help!