Telerik Forums
UI for ASP.NET MVC Forum
5 answers
85 views

Hello,

I defined my class field “TeamCode” as string type and only accept 4 characters. It function well in regular Kendo TextBox. But it does not work on Kendo grid cell when do editing. Validation not happen when box lose cursor. I knew clicking submit/Add/Update button validation will go through, but I still hope validation occurring on lose cursor. Is anyone have an idea to do so? (Below are partial of code)

 ...
            [StringLength(4, MinimumLength = 4, ErrorMessage = "{0} must be 4 characters.")]
            [DisplayName("Team Code")]
            public string TeamCode { get; set; }
 …

Thanks.

 

 

Nikolay
Telerik team
 answered on 05 Oct 2020
3 answers
184 views

How to configure the kendo MVC pivot grid so that it doesn't repeat dimension labels?

I am following this https://demos.telerik.com/aspnet-mvc/pivotgrid?_ga=2.172892198.404272527.1601250445-647083974.1600781368 and built a kendo grid (see the attached screenshot A) but I would like to get rid of the dimension labels so that it doesn't take too much space(See the attached screenshot B). How should I configure it?

 

 

 

 

Eyup
Telerik team
 answered on 05 Oct 2020
1 answer
355 views
How did you add the required option to a TextBox?
  i am trying to do this but it doesn't work
@ (Html.Kendo (). TextBox ()
                       .Name ("txtCodSRI")
                       .Placeholder ("001")
                       .Readonly (true)
                       .Value (@ country.CodSRI)
                       .HtmlAttributes (new {@required = "true"})
                       .HtmlAttributes (new {@class = "form-control"})
                       )
Anton Mironov
Telerik team
 answered on 02 Oct 2020
1 answer
551 views

Hi,

I'd like to add a grid in one of my steps but having a hard time figuring this out and no good examples. I'd like to load the content by calling my controller using the method ".LoadContentFrom("ActionName", "ControlerName");" which you have the ability to with many other controls but for now I think using a TemplateId will work?

 

Thanks,

Martin
Telerik team
 answered on 01 Oct 2020
6 answers
79 views

This might not be the way to go but after a buttonclick i want to update the content of a grid. I do this by making an ajax request and setting a new datasource to the grid with the response. Only problem is after i have done that the search field no longer work

See dojo for example

 

https://dojo.telerik.com/uvAZuvEW/3

Nikolay
Telerik team
 answered on 01 Oct 2020
1 answer
380 views
Hi 
I have a grid with child grid. What i need to achieve is, i should be able to select checkbox in child grid for multiple master rows and get the selected child grid row's ids.
Main grid code: 
  @Code
                     Html.Kendo().Grid(Of PatientEquipmentModel)() _
                         .Name("haemoGrid") _
                         .Columns(Sub(c)
                                      c.Bound(Function(p) p.FullName).ClientTemplate(String.Format("<a title='' href='{0}/{1}'><span style='font-weight:bold;'>#:FullName #</span></a>", Url.Action("EditBay", "Patient"), "#:PatientId#", Url.Action("GetExcel", "Patient"))) _
                                                          .Title("Bays").Filterable(False).Width(250)
                                  End Sub) _
                         .Pageable(Function(p) p.PageSizes(True)) _
                         .Sortable() _
                         .Filterable() _
                         .ClientDetailTemplateId("gridDetailtemplate") _
                         .Groupable() _
                         .Events(Sub(e) e.DataBound("dataBound")) _
                         .DataSource(Sub(d)
                                         d.Ajax() _
                                                         .Read(Function(r) r.Action("GetBays", "Patient").Data("searchCriteria")) _
                                                         .PageSize(20) _
                                                         .Model(Sub(m)
                                                                    m.Id(Function(p) p.PatientId)
                                                                End Sub)
                                     End Sub) _
                     .Render()

                End Code

child grid template:

<script id="gridDetailtemplate" type="text/x-kendo-template">
    @(Html.Kendo().Grid(Of PatientEquipmentModel)() _
                                         .Name("patientEquipmentGrid_#=PatientId#") _
                                         .Columns(Sub(c)
                                                      c.Select().Width(50)
                                                      c.Bound(Function(p) p.EquipmentType).Title("Equipment Type").Width("120")
                                                      c.Bound(Function(p) p.EquipmentModel).Title("Equipment Model").Width("120")
                                                      c.Bound(Function(p) p.EquipmentName).Title("Equipment Name").Width("120")
                                                      c.Bound(Function(p) p.RENNo).Title("REN No").Width("120")
                                                      c.Bound(Function(p) p.SAIDNo).Title("SAID No").Width("120")
                                                      c.Bound(Function(p) p.SerialNo).Title("Serial No").Width("120")
                                                  End Sub) _
                                                  .Events(Sub(e) e.Change("onSelect")) _
                                                 .DataSource(Sub(d)
                                                                 d.Ajax() _
                                                                 .Read(Function(r) r.Action("GetPatientEquipments", "Patient", New With {.patientid = "#=PatientId#"})) _
                                                                 .Model(Sub(m)
                                                                            m.Id(Function(p) p.EquipmentId)
                                                                        End Sub) _
                                                                 .PageSize(20)
                                                             End Sub) _
                                                 .ToClientTemplate())
</script>
Nikolay
Telerik team
 answered on 30 Sep 2020
3 answers
614 views

I have a grid with a column that when not editing I want to show a percentage as 20.00% then when you click to edit, use a NumercTextBoxFor that will limit what you enter to only numerics and a single decimal, then round and/or limit to 2 decimal places (either is fine).

cshtml:

@{
    List<AllocationProducts> alloc = new List<AllocationProducts>();
    alloc.Add(new AllocationProducts { ProductID = 1, ProductName = "productOne", ProductType = "Model", ProductDescription = "Description one", ProductAllocation = 0.1 });
    alloc.Add(new AllocationProducts { ProductID = 2, ProductName = "product2", ProductType = "Model", ProductDescription = "Description two", ProductAllocation = 0.2 });
    alloc.Add(new AllocationProducts { ProductID = 3, ProductName = "product3", ProductType = "Model", ProductDescription = "Description three", ProductAllocation = 0.3 });
    alloc.Add(new AllocationProducts { ProductID = 4, ProductName = "product4", ProductType = "Model", ProductDescription = "Description four", ProductAllocation = 0.4 });
 
}
 
<div class="summary-view">
    @(Html.Kendo().Grid<AllocationProducts>(alloc)
            .Name("allocationProducts")
            .Columns(columns =>
            {
                columns.Bound(o => o.ProductID).Hidden(true);
                columns.Bound(o => o.ProductType).Title("PRODUCT TYPE").HeaderHtmlAttributes(new { style = "text-align: left;" }).Width("10%").HtmlAttributes(new { style = "padding-left: 10px;" });
                columns.Bound(o => o.AllocationAsWholeNumber).Title("TARGET WEIGHT").HeaderHtmlAttributes(new { style = "text-align: right;" }).Template(@<text></text>)
                    .ClientTemplate("<input type='text' id='ProductAllocation_#= ProductID #' value='#= kendo.format('{0:p}', ProductAllocation) #' style='padding: 2px; width: 91%; border: none; text-align: right;' class='product-allocation-input' />")
                    .HtmlAttributes(new { style = "text-align: right; padding-right: 10px;", @class = "product-allocation-field" })
                    .EditorTemplateName("KendoNumericTextBox");
            })
            .DataSource(dataSource => dataSource
            .Ajax()
            .ServerOperation(false)
            .Batch(true)
            .Model(model =>
            {
                model.Id(o => o.ProductID);
            })
            )
            .Mobile()
            .Selectable()
            .PersistSelection()
            .Editable(editable => editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false))
            )
 
</div>

 

KendoNuericTextBox.cshtml:

@model double?
 
@(Html.Kendo().NumericTextBoxFor<double>(m => m)
            .Name("currency")
            .Spinners(false)
            .Decimals(2)
            .Format("p")
            .Min(0)
            .Max(100)
            .HtmlAttributes(new { style = "width: 100%", title = "currency" })
      )

 

Objects

public class AllocationProducts
{
    public int ProductID { get; set; }
    public int ClassID { get; set; }
    public string ProductType { get; set; }
    public string ProductName { get; set; }
    public string ProductDescription { get; set; }
    public double ProductAllocation { get; set; }
    public decimal ProductAllocationDecimal
    {
        get
        {
            return Convert.ToDecimal(ProductAllocation);
        }
    }
    public double AllocationAsWholeNumber
    {
        get
        {
            return ProductAllocation * 100;
        }
    }
    public string AllocationAsPercent
    {
        get
        {
            return ProductAllocation.ToString("p2");
        }
    }
}

 

When I run this, I get a standard input box rendered to HTML that allows characters and doesn't do any kind of rounding or limiting of chars.

Eyup
Telerik team
 answered on 30 Sep 2020
1 answer
155 views
I have installed Telerik UI for ASP.NET MVC R1 2020 SP2 and I'm trying to use the pager component as set in the docs https://demos.telerik.com/aspnet-mvc/pager/integration but I'm getting the following error: "error CS1061: 'Kendo.Mvc.UI.Fluent.WidgetFactory<*********>' does not contain a definition for 'Pager' and no extension method 'Pager' accepting a first argument of type." The project used to work with the Kendo MVC 2018 version so I don't know if I need to update some path in my project in order to be able to use the Pager component. Has anyone faced this issue?
Nikolay
Telerik team
 answered on 30 Sep 2020
7 answers
2.8K+ views

Hello,

I tried to conditional set Grid column Editable status at run time as below code but caused page error. Could anyone give me advice how to do it?  Thanks in advance.

 

      .Model(model =>

              {

                  model.Id(p => p.Id);

                  model.Field(p => p.JobTitle).Editable("isEditable");  <---

                  model.Field(p => p.FirstName).Editable(true);

                  model.Field(p => p.LastName).Editable(true);

              })

 

<script>

    function isEditable(dataItem) {

        return dataItem.Id !=3;

    }

</script>

Tsvetomir
Telerik team
 answered on 30 Sep 2020
2 answers
2.3K+ views
Hi, I just installed new version of Progress ASP NET MVC library, the installer ended without errors and updated my VS 2019 correctly, but now I don't have a telerik menu in VS UI and if I try to create a new Telerik project from: Extensions-> Telerik->Telerik UI ASP.NET MVC->Create new Telerik project it just open normal project template list without any Telerik template inside (see attach)
I tried to uninstall and reintall Telerik MVC Package, also reinstall just the VS extension but nothing changed
Vesko
Telerik team
 answered on 29 Sep 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?