最近在学习KendoUI,花了半天的时间才把下拉列表的级联功能实现,以此文章记之。
具体代码如下:
<input id="province" class="pcc"/>
<input id="city" class="pcc" />
<input id="county" class="pcc" />
<script type="text/javascript">
function provinceChange() {
var cityBox = $("#city").data("kendoComboBox");
cityBox.dataSource.read();
cityBox.text("全部");
var countyBox = $("#county").data("kendoComboBox");
countyBox.text("全部");
}
function cityChange() {
var countyBox = $("#county").data("kendoComboBox");
countyBox.dataSource.read();
countyBox.text("全部");
}
$(function(){
$("#province").kendoComboBox({
height: 500,
dataTextField: "name",
dataValueField: "code",
placeholder:"选择省/