jquery - Can't modify tab index for kendo dropdown inside kendo grid -
i using asp.net mvc's editor template
bind kendo dropdownlist
inside kendo grid
the navigatable
property(.navaigatable(o=>o.enabled(true))
) of grid set true unable focus on dropdownlist when press tab i.e, focus lost particular cell.
i behavior can focus on dropdownlist , can change value up , down arrow keys.
thank you. appreciate help! :)
in editor template code below:
@(html.kendo().dropdownlistfor(m => m) .autobind(false) .datatextfield("text") .datavaluefield("value") .optionlabel("selecttype") .htmlattributes(new { @id = "seconddropdownname"}) .datasource(datasource => { datasource.read(read => read.action("actionname", "controllername") .data("filterfunctionfordatapassing")) .serverfiltering(true); }) .cascadefrom("firstdropdownname") .enable(false) )
and in main page kendo grid bound make 1 function passing first dropdown value :
function filterfunctionfordatapassing() { return { ddlvalue: $("#firstdropdownname").data("kendodropdownlist").value() }; }
now second drop down binding code: function should called change event of first drop down :
function secondropdownfunction(e) { $.ajax({ type: 'post', url: '@url.action("seconddropdownactionname", "controllername")', cache: false, success: function (result) { if (json.stringify(result) != "[]") { var ddl = $('#seconddropdownname').data("kendodropdownlist"); ddl.setdatasource(result); ddl.refresh(); } } }); }
Comments
Post a Comment