Как написать функцию изменения для планировщика кендо Шаблон ресурса - PullRequest
Новая
       39

Как написать функцию изменения для планировщика кендо Шаблон ресурса

0 голосов
/ 05 октября 2019

У меня есть следующие ресурсы в моем планировщике кендо. Может кто-нибудь предложить мне, как отсортировать второй выпадающий список на основе выбранных критериев первого выпадающего списка? ниже мой код 

@(Html.Kendo().Scheduler<Proj.Models.Data.Scheduler>()
.Name("scheduler")
.Date(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day))
.StartTime(new DateTime(DateTime.Now.Year, 1, 1, 7, 00, 00))
.Editable()
.Views(views =>
{
    views.DayView();
    views.WeekView();
    views.MonthView(MonthView => MonthView.Selected(true));
})
.Resources(resource =>
{     
    resource.Add(m => m.TypeID) //need to get the selected id of this dropdownlist and load the second dropdown
        .Title("Type")
        .Name("maintype")
        .DataTextField("TYPENAME")
        .DataValueField("TYPECODE")
        .BindTo(@proj.Models.GeneralModule.lstlookup);

    resource.Add(m => m.SubTypeID)
        .Title("Sub Type")
        .DataTextField("MASTERNAME")
        .DataValueField("MASTERID")
        .DataSource(ds => ds.Read(read => read.Action("loadSubTypeScheduler", "Config").Data("DataFilter")).ServerFiltering(false));

})
.DataSource(d => d
    .Model(m =>
    {
        m.Id(f => f.TaskID);
        m.Field(f => f.OwnerID);
    })
.ServerOperation(true)
)
)

Может кто-нибудь помочь мне с этим? Я пытался с каким-то селектором класса с помощью jQuery, но это не происходит. Мое требование - отфильтровать раскрывающийся список подтипов на основе раскрывающегося списка Тип.

1 Ответ

0 голосов
/ 07 октября 2019

Используйте событие изменения первого выпадающего списка 

.Events(e =>
            {
                e.Change("onChange")
            })

, затем создайте свою функцию jQuery: 

function onChange(e){
                    var dataItem = this.dataItem(e.item);
    var itemText = dataItem.Text;
    var itemValue = dataItem.Value;        
    }
...