Telerik Forums
UI for ASP.NET MVC Forum
1 answer
208 views
We have a layout that requires column headers which sit under other column headers. Since each child column has a numeric value we would like to put a total under the parent value that is the total of the children values. Is there a way to insert the total value of all childrent columns with a hierarchy dropdown or with a row before the child value?


Code looks like this:
@(Html.Kendo().Grid<DST.Areas.WSDashboard.Models.CustomWidgetsModel.GridViewModel>()
        .Name("Grid")
            .HtmlAttributes(new { style = "height: 450px;" })
        .Scrollable(s => s.Height("100%"))
        .Sortable()
        .Resizable(resizable => resizable.Columns(true))
        .Pageable(pageable => pageable
            .Refresh(true)
            .Enabled(true)
            .Messages(msg => msg.Display("{0:n0} - {1:n0} of {2:n0} items"))
            .PageSizes(true))
        .Navigatable()
        .Columns(columns =>
        {
        columns.Bound(p => p.KPP).Title("KPP").Width(100);
              
        columns.Bound(p => p.SystReqValue).Title("System Requirement").Width(150);
              
        columns.Group(group => group.Title("G Sub-Systems")
            .Columns(sub => {               
                sub.Group(sub1 => sub1.Title("F System")
                   
                    .Columns(fs =>
                    {
                        fs.Bound(p => p.RValue).Title("R").Width(100);
                        fs.Bound(p => p.GValue).Title("G").Width(100);
                        fs.Bound(p => p.BValue).Title("B").Width(100);
                    }));

                sub.Group(sub2 => sub2.Title("G System")
                    .Columns(gs =>
                    {
                        gs.Bound(p => p.WValue).Title("W").Width(100);
                        gs.Bound(p => p.LSystemValue).Title("L Systems").Width(100);
                    }));
            }));
              


          })
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(15)
            .Read(read => read.Action("GetData", "Widgets", new RouteValueDictionary { { "area", "WSDashboard" } }))
        )
    ) 
Konstantin Dikov
Telerik team
 answered on 13 Apr 2016
1 answer
117 views

Does the editor provide any option to disable the HTML cleanup on paste or on "insertHtml"-command.
I want to allow our customers to create "incomplete" html snippets with the editor. For example our customers paste a html code like:

<tr><td>some text</td></tr>

Now the editor will removes the incorrect html and the result will be "some text" and the html markup gets lost.

Niko
Telerik team
 answered on 13 Apr 2016
1 answer
322 views

Dear Admin,

I got unorder arabic text format while export grid data to pdf. and i used  font-family: Tahoma for grid text font , it is displayed correct arabic format in grid but while export to pdf it result some unorder arabic text format.And example screenshots are attached below.Please kindly suggest.

Thanks & Regard

Rama Krishna

Daniel
Telerik team
 answered on 13 Apr 2016
3 answers
327 views

Using the MVC KendoGrid I've created a grid with custom filtering on some columns. Following the demo at http://demos.telerik.com/aspnet-mvc/grid/persist-state, I added code to save and load the state. I find that after saving then loading, I've lost the custom filters. Comparing the options object when saving and then when loading confirms this:

Column 0 when saving:

columns:Array[41]
  0:Object
    encoded:true
    field:"ShippingUnit"
    filterable:Object
      ui:shippingUnitFilter(element)
      __proto__:Object

Column 0 when loading:

columns:Array[41]
  0:Object
    encoded:true
    field:"ShippingUnit"
    filterable:Object
      __proto__:Object

Notice the ui element is missing on the load. Upon further research, I found it's the stringify function during save that drops the ui: element Any workarounds? Any examples of where this works? 

Here's the code:

@model Panther.Portal.Areas.Inventory.Models.InventoryVM
@{ViewBag.Title = "Inventory";}
@using Kendo.Mvc.UI
 
<link href="~/Content/kendo/2016.1.226/kendo.default.min.css" rel="stylesheet" />
<link href="~/Content/kendo/2016.1.226/kendo.common.min.css" rel="stylesheet" />
 
 
 
@section Scripts {
    <script src="~/Scripts/kendo/2016.1.226/kendo.all.min.js"></script>
    <script src="~/Scripts/kendo/2016.1.226/kendo.aspnetmvc.min.js"></script>
    <script src="~/Scripts/kendo/2016.1.226/kendo.grid.min.js"></script>
    <script src="~/Scripts/kendo/2016.1.226/kendo.all.min.js"></script>
}
 
 
<div class="box wide">
    <a href="#" class="k-button" id="save">Save State</a>
    <a href="#" class="k-button" id="load">Load State</a>
</div>
 
<div id="KendoGrid">
    @(Html.Kendo().Grid(Model.InventoryList)
        .Name("grid")
        //.ColumnMenu()
        .Columns(columns =>
        {
            columns.Bound(c => c.ShippingUnit).Title("Shipping Unit").Filterable(filterable => filterable.UI("shippingUnitFilter"));
            columns.Bound(c => c.InventoryStatus).Title("Inventory Status").Filterable(filterable => filterable.UI("inventoryStatusFilter"));
            columns.Bound(c => c.ProductId).Title("Product ID").Filterable(filterable => filterable.UI("productIDFilter"));
            //More Columns...
        })
        .Resizable(resize => resize.Columns(true))
        .Reorderable(reorder => reorder.Columns(true))
        .Sortable()
        .Selectable(selectable => selectable
            .Mode(GridSelectionMode.Multiple))
        .Filterable(filterable => filterable
            .Extra(false)
            .Operators(operators => operators.ForString(str => str.Clear()))
            )
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("FilterMenuCustomization_Read", "Inventory"))
            .PageSize(15)
        )
    )
</div>
 
 
 
<script type="text/javascript">
    $(function () {
        var grid = $("#grid").data("kendoGrid");
 
        $("#save").click(function (e) {
            e.preventDefault();
            var opt = grid.getOptions();
            var foo = kendo.stringify(grid.getOptions(), ['week', 'month']);
            var bar = JSON.parse(foo);
            localStorage["kendo-grid-options"] = kendo.stringify(grid.getOptions());
        });
 
        $("#load").click(function (e) {
            e.preventDefault();
            var options = localStorage["kendo-grid-options"];
            if (options) {
                var foo = JSON.parse(options);
                grid.setOptions(JSON.parse(options));
            }
        });
    });
 
    function shippingUnitFilter(element) {
        element.kendoAutoComplete({
            dataSource: {
                transport: {
                    read: "@Url.Action("FilterMenuCustomization_ShippingUnits")"
                }
            },
            optionLabel: "--Select Value--"
        });
    }
 
    function inventoryStatusFilter(element) {
        element.kendoDropDownList({
            dataSource: {
                transport: {
                    read: "@Url.Action("FilterMenuCustomization_InventoryStatus")"
                }
            }
        });
    }
 
 
 
</script>

Helen
Telerik team
 answered on 13 Apr 2016
6 answers
394 views

I have tried most of the examples that come with the grid. My problem is this.

this is my class that is bound to this view

@model IEnumerable<VaultLeitarvefur.Models.vaultNidurstodur>

this is my grid that is bound to said model

@(Html.Kendo().Grid<VaultLeitarvefur.Models.vaultNidurstodur>(Model)
    .Name("grid")
    .Columns(columns =>
    {
        //columns.Bound(p => p.file.Name).Filterable(false);
        columns.Bound(p => p.Id).Filterable(false).Visible(false);
        columns.Bound(p => p.file.Name).Title("Heiti");
        columns.Bound(p => p.file.ModDate).Format("{0:dd/MM/yyyy}").Title("Breytingardags");
        columns.Bound(p => p.file.VerNum);
        columns.Bound(p => p.file.DesignVisAttmtStatus);
        columns.Bound(p => p.file.FileStatus);

    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:550px;" })

I have a search textbox and a search button

I have home/index which returns a list<vaultNidurstodur> which is the class that I want to display in the grid.

currently when I start the project index is displayed and all data is populated in the grid, and filtering within the grid itself works fine.

I want to be able to enter data into the textbox and do a contains on that string in vaultNidurstodur.Name column , when I try this the data in the grid never gets filtered. I would prefer if this was a ajax call so the grid can be updated without a refresh.

 

I would like to start off with an empty grid and then use the search string to filter from list<> the reason is that I can expect 40-50000 results with file references and I would rather not send all that data.

 

Can you point me in the right direction ?

 

Regards,
Emil Thor Emilsson

Developer

Snertill.is

Viktor Tachev
Telerik team
 answered on 11 Apr 2016
1 answer
97 views

I am using an MVC grid that has a toolbar, with a custom button

toolBar.Custom().Text("Recalculate Assets").Action("Edit", "AssetPlanning", new { recalculate = true }).HtmlAttributes(new { title = "Warning: This could take multiple minutes to fully complete", data_toggle = "tooltip", id = ("calcButton" + uniqueName), onClientClick = "alert('reclacing');" });

 

This actionresult can take upto a minute to run. I would at the very least like to update the button to say calculating with a little spinner and whatnot

 

var buttonID = "#calcButton" & String(@uniqueName.ToString());
 
$(buttonID).click(function () { recalculating(); });
 
 
function recalculating() {
 
    alert("reclacing");
 
    $(buttonID).addClass("btn btn-lg btn-warning");
    $(buttonID).html('<span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Recalculating');
}

 

I would think that somewhere along the way the function would get called or an alert box would show, but nothing appears on the client side. I'm guessing that the action gets called first and the client click event just is never called. What can I do to make the client code called first or run together?

Dimiter Topalov
Telerik team
 answered on 11 Apr 2016
1 answer
96 views

 

I have a grid that has a column bound to it:

columns.Bound(p => p.FailureStrategyLookup).ClientTemplate("#=FailureStrategyLookup.FailureStrategy#").Width(100);

 

If the FailureStrategyLookup is NOT null, everything works fine. But when it IS NULL it can't bind the the object and I get an error saying "FailureStrategy" can't be found for a null value (or something to that affect). How can I get thsi working for a COMPLEX type when it's null?

 

public class FailureStrategyLookupViewModel
{
    [Required]
    public int FailureStrategyID { get; set; }
 
    [Required]
    [DisplayName("Maintenance Strategy")]
    public string FailureStrategy { get; set; }
}

ssdsdf

 

@using eRPortalDashboard.Models;
@using Kendo.Mvc.UI;
 
@model FailureStrategyLookupViewModel
 
@(Html.Kendo().DropDownListFor(m => m)
    .DataValueField("FailureStrategyID")
    .DataTextField("FailureStrategy")
    .BindTo((System.Collections.IEnumerable)TempData["FailureStrategyLookups"])
)

sadasd
Vladimir Iliev
Telerik team
 answered on 11 Apr 2016
2 answers
1.0K+ views

Hi
I have been going through an issue with Kend DropDownList's OptionLabel.

I have attached an image of the UI, if you see in it the optionLabel is kind of sticking to the top of the dropdown when I open it, even if I scroll the dropdown that option label keeps on showing plus its size is not like normal entry if you see the selected item highlighted in blue is comparatively wide vs the height of the option label.Also the second image with smaller drop down is also showing the same issue "Select Denial Reason" option label has smaller height compared to one of the values in dropdown like DENIED FUNCTIONAL etc.
Below is my code how I am defining it.
Please help me in tackling this issue so that optionlabel starts behaving normal.
Thanks
Rizwan

Helen
Telerik team
 answered on 11 Apr 2016
3 answers
363 views

Hi,

I have a Telerik UI Grid with a filterable column set to Multi, and Search set to True. Default placeholder text is "search".

How do I change this text?

 

Venelin
Telerik team
 answered on 11 Apr 2016
3 answers
248 views
Is it possible to make a toggle button to switch between the day, week and month view in a bar chart? 
Iliana Dyankova
Telerik team
 answered on 11 Apr 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?