or
0 answers
31 views
I guess this should be possible with jquery. How to do this?
kva
Top achievements
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
asked
on
22 Sep 2023
0 answers
33 views
I think it could be done from jquery. As a result, dropdownlist should show nothing in the UI.
kva
Top achievements
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
asked
on
22 Sep 2023
0 answers
47 views
This is partial view:
@model DMDPace.DataAccess.DomainModels.Department
@(Html.Kendo().DropDownListFor(m => m)
.DataTextField("Name")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetDepartments", "Home");
});
})
)That's how I reference it:
<div><partial model="@Model.Department" name="Selectors/Department"/></div>
kva
Top achievements
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
asked
on
07 Aug 2023
0 answers
48 views
Hello,
I have a DropDownList that I would like to cache based on a radio button
Code DropDownList :@(
Html.Kendo().DropDownList()
.Name("orders")
.DataTextField("Companies_name")
.DataValueField("CompaniesId")
.MinLength(3)
.HtmlAttributes(new { style = "width:25%" })
.Template("#= CompaniesId # | #= Companies_name #")
.Height(520)
.Filter(FilterType.Contains)
.DataSource(source =>
{
source
.Ajax()
.PageSize(80)
.Read("Virtualization_Read", "NewUploadAccount");
})
.Events(e =>
{
e.Change("onChange");
})
.Virtual(v => v.ItemHeight(26).ValueMapper("valueMapper"))
)
Nicolas
Top achievements
Rank 1
Iron
Rank 1
Iron
asked
on
12 Jun 2023
0 answers
57 views
Scenario and Issue:
I had a Tabstrip with three tabs,
in each tab there are four DropDownList and four line charts.
However, If I bind all the data once (Include DropDownLists and Line Charts in three tabs),
the page would rendered slowly and caused some of the data loss binding.
Question1 :
I'm wondering if it's possible to render Line Chart before data binding?
then I'll data bind it after DropDownList Select event was triggered.
Or is there any other alternative ways?
What I've Tried
The TabStrip is in a partialview,
once a button was clicked the partialview will be load with javascript function by.
$("#myHtmlElementId").load('@Url.Action("MyAction","MyController")', params)
The complicated part is the line chart in initial tab strip was data binded with local binding the data passed by ViewBag.
And if I try to render the other line chart while the second or third TabStrip Item was selected.
It's logic would be conflict, if the user clicked the first TabStrip again.
Since the line chart were data binded with local data by ViewBag,
and the others in 2nd or 3rd TabStrip were renderd while the TabStrip item was selected,
And the selected event would call a javascript function to render another partial view to fill content into the TabStrip.
Is there something like TabStrip initial event?
So that I could also fill the first Tabstrip item contents same as the 2nd or 3rd TabStrip.
CHIHPEI
Top achievements
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
asked
on
22 Nov 2022
0 answers
151 views
I'm dealing with a situation specified here in the jQuery world: https://docs.telerik.com/kendo-ui/knowledge-base/combobox-invalid-form-control-is-not-focusable
I'm having a similar issue but am using a combination of tag-helpers and Html extension methods to render controls. Kendo Text boxes are getting client-validated properly, but DropDowns are not, and also some textboxes that are initially hidden are also facing the same issue.
DoomerDGR8
Top achievements
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
asked
on
13 Oct 2022
0 answers
80 views
Hi!
I have the following setup:
CsHtml:
<div class="row mt-3">
<div class="col-lg-4">
@(Html.Kendo().DropDownListFor(m => m.CategoryHeadId)
.Size(ComponentSize.Medium)
.Rounded(Rounded.Medium)
.FillMode(FillMode.Solid)
.OptionLabel("Select head category...")
.HtmlAttributes(new { style = "width: 100%" })
.DataTextField("Name")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetLookupCategoriesHead", "Api");
});
})
)
</div>
<div class="col-lg-4">
@(Html.Kendo().DropDownListFor(m => m.CategoryMainId)
.Size(ComponentSize.Medium)
.Rounded(Rounded.Medium)
.FillMode(FillMode.Solid)
.OptionLabel("Select main category...")
.HtmlAttributes(new { style = "width: 100%" })
.DataTextField("Name")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetLookupCategoriesMain", "Api")
.Data("filterMainCategories");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("CategoryHeadId")
)
</div>
<div class="col-lg-4">
@(Html.Kendo().DropDownListFor(m => m.CategorySubId)
.Size(ComponentSize.Medium)
.Rounded(Rounded.Medium)
.FillMode(FillMode.Solid)
.OptionLabel("Select sub-category...")
.HtmlAttributes(new { style = "width: 100%" })
.DataTextField("Name")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetLookupCategoriesSub", "Api")
.Data("filterSubCategories");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("CategoryMainId")
)
</div>
</div>Script:
@section Scripts {
<script>
function filterMainCategories() {
return {
headId: $("#CategoryHeadId").val()
};
}
function filterSubCategories() {
return {
headId: $("#CategoryHeadId").val(),
mainId: $("#CategoryMainId").val()
};
}
</script>
}Controller:
public async Task<JsonResult> GetLookupCategoriesHead()
{
var result = await serviceLookUps.GetAllCategoriesHeadAsync();
return new JsonResult(result);
}
public async Task<JsonResult> GetLookupCategoriesMain(int headId)
{
var result = await serviceLookUps.GetAllCategoriesMainAsync(headId);
return new JsonResult(result);
}
public async Task<JsonResult> GetLookupCategoriesSub(int headId, int mainId)
{
var result = await serviceLookUps.GetAllCategoriesSubAsync(headId, mainId);
return new JsonResult(result);
}Model:
[DebuggerDisplay($"{nameof(Id)}: {{{nameof(Id)},nq}}, {nameof(Name)}: {{{nameof(Name)}}}, {nameof(Active)}: {{{nameof(Active)}}}")]
public class LookupCategoryHeadModel
{
public int Id { get; set; }
public string Name { get; set; } = string.Empty;
public bool Active { get; set; }
}
[DebuggerDisplay($"{nameof(Id)}: {{{nameof(Id)},nq}}, {nameof(Name)}: {{{nameof(Name)}}}, {nameof(Active)}: {{{nameof(Active)}}}")]
public class LookupCategoryMainModel
{
public int Id { get; set; }
public int HeadId { get; set; }
public string Name { get; set; } = string.Empty;
public bool Active { get; set; }
}
[DebuggerDisplay($"{nameof(Id)}: {{{nameof(Id)},nq}}, {nameof(Name)}: {{{nameof(Name)}}}, {nameof(Active)}: {{{nameof(Active)}}}")]
public class LookupCategorySubModel
{
public int Id { get; set; }
public int HeadId { get; set; }
public int MainId { get; set; }
public string Name { get; set; } = string.Empty;
public bool Active { get; set; }
}I have tested the API methods separately through tests and ensured they are returning values. The only issue is, when I make a selection in the second dropdown, on the API, the second parameter is received as 0 instead of a correct selected value. This doesn't cause any console errors so the UI continues to work. I can cascade from dropdown one to dropdown two but dropdown two sends a 0 for mainId from its filtering operation in filterSubCategories()
DoomerDGR8
Top achievements
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
asked
on
04 Jul 2022
0 answers
152 views
I have a dropdownlist on a partial page. As it can obviously be shared by multiple pages, code to populate is on a separate shared page. I'm loading using the code below, and that works fine
@(Html.Kendo().DropDownList() .Name("ModeOfTransport") .DataTextField("description") .DataValueField("modeOfTransportID") .HtmlAttributes(new { style = "width:100%;" })
.AutoBind(true) .DataSource(source => source.Custom() .Transport(transport => transport .Read(r => r .Url("/Shared/AjaxPartial?handler=ModesOfTransport").Data("dataFunction") ))
.ServerFiltering(true)
)
.Events(e=>e.DataBound("ModeOfTransportDataBound"))
)
function ModeOfTransportDataBound(e) {
var currentModeOfTransport = $('#CurrentModeOfTransport').val();
e.sender.value(currentModeOfTransport);
}
ModeOfTransport maps to a bindingproperty, and when the page is saved, the correct selected value is stored in that value. However, when the DropDownList loads, the current value is not selected. The only way I can see to do this is to store the current value in a hidden field, then select on the databound event. This works, but I can't help feeling I'm taking the wrong approach. Any suggestions to improve this process?
We've been working with ASPX and Telerik for over 15 years, but new to Razor, so happy to accept I maybe doing this completely wrong.
Bryan
Top achievements
Rank 1
Rank 1
asked
on
17 May 2021
0 answers
147 views
I noticed that my ModelState becomes invalid if the user doesn't select any value from a cascaded set of dropdowns. Once you select a value, it becomes valid. How do I fix this, and actually save my model if the user doesn't actually select anything? Not selecting anything just means I won't save anything on Post.
thanks
Chris
Top achievements
Rank 1
Rank 1
asked
on
09 May 2019
