Hello,
In our MVC project we used two kendo dropdownlist widgets. Since data may become huge we implemented virtual.valueMapper() to get job done. Both dropdownlist worked as expected but when I debug code and found one of valueMapper() never be called. Those two dropdownlist had exactly same setting. Why they are function differently? I am so curious the reason. Could someone explain this? Below are the code. Thanks in advance.
<div class="col-lg-3 col-md-3 col-sm-3">
@(Html.Kendo().DropDownListFor(model => model.FIELD1)
.DataTextField("Display")
.DataValueField("Value")
.Filter("contains")
.DataSource(source =>
{
source.Custom()
.ServerFiltering(true)
.ServerPaging(true)
.PageSize(80)
.Type("aspnetmvc-ajax")
.Transport(transport =>
{
transport.Read("GetField1Data", "Editor");
})
.Schema(schema => schema.Data("Data").Total("Total"))
;
})
.Virtual(v => v.ItemHeight(26).ValueMapper("valueMapperField1"))//<- never be called
)
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
@(Html.Kendo().DropDownListFor(model => model.FIELD2)
.DataTextField("Display")
.DataValueField("Value")
.Filter("contains")
.DataSource(source =>
{
source.Custom()
.ServerFiltering(true)
.ServerPaging(true)
.PageSize(80)
.Type("aspnetmvc-ajax")
.Transport(transport =>
{
transport.Read("GetField2Data", "Editor");
})
.Schema(schema => schema.Data("Data").Total("Total"))
;
})
.Virtual(v => v.ItemHeight(26).ValueMapper("valueMapperField2")) //<- call valueMapperField2 function correctly.
)
</div>