ComboBox 联动下拉选择 ，只写静态页面能实现功能吗？

xiaobo

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

niko

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

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

1.         function onDeptChanged(e) {
   
2.             var id = deptCombo.getValue();
   
3. 
   
4.             positionCombo.setValue("");
   
5. 
   
6.             var url = "../data/AjaxService.aspx?method=GetPositionsByDepartmenId&id=" + id
   
7.             positionCombo.setUrl(url);
   
8.             
   
9.         }

复制代码

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

xiaobo

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

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