BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
<div class="col-xs-8 col-sm-4">
<span class="txt">Select Projects</span>
<ej:DropDownList ID="projectList" runat="server" DataTextField="text" DataValueField="parentId" CascadeTo="MainContent_employeeList" ShowCheckbox="true" ClientSideOnChange="onChange"></ej:DropDownList>
</div>
<div class="col-xs-8 col-sm-4">
<span class="txt">Select Employees</span>
<ej:DropDownList ID="employeeList" runat="server" CascadeTo="MainContent_reportList" ShowCheckbox="true" Enabled="false" ClientSideOnChange="onSelect" ClientSideOnDataBound="onBound"></ej:DropDownList>
</div>
<div class="col-xs-8 col-sm-4">
<span class="txt">Select Reports</span>
<ej:DropDownList ID="reportList" runat="server" ShowCheckbox="true" Enabled="false"></ej:DropDownList>
</div>
<script type="text/javascript">
function onChange(e) {
var country = $('#<%=employeeList.ClientID%>').data("ejDropDownList");
country.element.val("");
}
function onBound(e) {
if (e.data.length != 12) {
var datalist = e.data.filter((li, indx, self) => self.map(
item => item.text).indexOf(li.text) === indx);
if (datalist.length != e.data.length)
this.setModel({ dataSource: datalist });
}
}
function onSelect(e) {
var country = $('#<%=reportList.ClientID%>').data("ejDropDownList");
country.element.val("");
}
</script> |
<ej:DropDownList ID="employeeList" runat="server" CascadeTo="MainContent_reportList" ShowCheckbox="true"Enabled="false" ClientSideOnChange="onSelect" ClientSideOnDataBound="onBound"></ej:DropDownList>
<ej:DropDownList ID="reportList" runat="server" ShowCheckbox="true" Enabled="false"></ej:DropDownList>
<script type="text/javascript">
function onSelect(e) {
var country = $('#<%=reportList.ClientID%>').data("ejDropDownList");
country.element.val("");
e.value // you can get the cascade selected value
country.option({‘dataSource’: data}) // you can assign the data by manually to dropdownlist
}
</script> |