easyui中datagrid控件可以使用这种方式加载数据:$('#list').datagrid('options').url = actionURL;那么ComboBox控件,有类似的方法吗?
时间: 2024-09-22 21:02:43 浏览: 79
详解EasyUi控件中的Datagrid
在EasyUI中,ComboBox控件也支持通过动态设置`data-options`属性来更改数据源。不过,它的API略有不同,主要涉及到数据加载的是`loadData`方法。下面是一个示例:
```javascript
// 假设你有一个初始的城市数据源
var initialCityData = []; // 可能是从服务器获取的
// 创建ComboBox并设定初始数据
var cityBox = $("#city");
cityBox.combobox({
url: 'initial_city_url', // 初始化的URL,如果没有就默认本地数据
valueField: 'id',
textField: 'name',
editable: false,
data: initialCityData // 或者直接赋值给data选项
});
// 当你需要动态加载数据时
function updateCityList(cityId) {
var newUrl = 'actionURL_for_city_' + cityId; // 例如,根据当前省的ID生成新的城市列表URL
cityBox.combobox('loadData', {
url: newUrl
}); // 使用新的URL重新加载数据
}
// 在省份联动触发时,调用updateCityList函数更新城市数据
```
在这里,`loadData`方法用于从指定的URL加载数据,而不仅仅是改变URL。如果需要实时更新,每次需要新数据时都应调用该方法。
阅读全文