jQuery MiniUI

标题: ComboBox 联动下拉选择，只写静态页面能实现功能吗？ [打印本页]

作者: xiaobo 时间: 2012-7-6 11:02:41 标题: ComboBox 联动下拉选择，只写静态页面能实现功能吗？

我是一个只做静态页面的，我现在想实现如上图的，二级联动的功能，行吗？。mini里的示例，第二个联动的数据是根据第一联动的id来动态的获取的。那我第二联动的txt数据写在页面的哪里那？

作者: niko 时间: 2012-7-6 18:58:01

ComboBox联动示例：
http://www.miniui.com/demo/#src=combobox/linkage-combo.html

如果你想静态联动，请改造：

function onDeptChanged(e) {
var id = deptCombo.getValue();
positionCombo.setValue("");
var url = "../data/AjaxService.aspx?method=GetPositionsByDepartmenId&id=" + id
positionCombo.setUrl(url);
}

复制代码

不用重新加载第二个combobox，而直接从本地数据中，设置给combobox就好了。

作者: xiaobo 时间: 2012-7-9 11:13:03

niko 发表于 2012-7-6 18:58
ComboBox联动示例：
http://www.miniui.com/demo/#src=combobox/linkage-combo.html

不知如何具体修改。是更改url？
第一个combobox。
  <input id="deptCombo" class="mini-combobox" style="width:150px;" textField="name" valueField="id"
      onvaluechanged="onDeptChanged" url="../data/AjaxService.aspx?method=GetDepartments"
      showNullItem="true"
      />
我把url的地址写成。txt文件。如下：
[{"name":"市场销售部","manager_name":"New Row","manager":"0a3affc4-d69e-4812-ae28-3072e0b5059c","id":"sc"},{"name":"人事部","manager_name":"杜鉴锋","manager":"9252b4a2-8000-4b3e-b29a-ac7849163ca2","id":"rs"},{"name":"技术部","manager_name":"薛乃馨","manager":"a46d28db-c484-4e58-9076-166cb957a152","id":"js"},{"name":"财务部","manager_name":"薛乃馨","manager":"a46d28db-c484-4e58-9076-166cb957a152","id":"cw"}]
可是第二个js里的那个url。做是根据id动态获取对应的txt，我不清楚怎么修改。请明示

作者: niko 时间: 2012-7-9 12:49:51

根据部门ID，找职位的Array，然后设置给第二个combobox：
var data = getByDepart(id);
positionCombo.setData(data);

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)