jQuery MiniUI

标题: datagrid 总的combobox 联动 [打印本页]

作者: 小葱儿    时间: 2015-1-27 15:37:28     标题: datagrid 总的combobox 联动

         <div field="ClassID" displayfield="ClassName" vtype="required" headeralign="center">
                    类名
                    <input property="editor" textfield="ClassName" valuefield="ClassID" class="mini-combobox"
                        style="width: 100%;" url="../DataService/Data/DataService_RptView.aspx?method=GetInputItemClassData" />
                </div>
                <div field="DataID" displayfield="ProjectName_meta" vtype="required" headeralign="center">
                    源数据
                    <input property="editor" textfield="ProjectName_meta" valuefield="DataID" class="mini-combobox"
                        style="width: 100%;" url="../DataService/Data/DataService_RptView.aspx?method=GetInputItemDataForPlanByClassID&ClassID=1" />
                </div>



在datagrid 中有这么两行数据,  我想实现的是 :第一列和第二列联动,当我选择第一列的时候 ,拿到第一列选中的ClassID ,然后作为参数去获取绑定到第二列中的combobox 的值,我该怎么实现呢,谢谢




作者: felt    时间: 2015-1-27 15:57:50

绑定到第二列中的combobox 的值
是绑定下拉框的数据,还是什么的
作者: 小葱儿    时间: 2015-1-27 16:36:33

  <div field="ClassID" displayfield="ClassName" vtype="required" headeralign="center">
                    类名
                    <input property="editor" textfield="ClassName" valuefield="ClassID" class="mini-combobox"
                        style="width: 100%;" url="../DataService/Data/DataService_RptView.aspx?method=GetInputItemClassData" />
                </div>
                <div field="DataID" displayfield="ProjectName_meta" vtype="required" headeralign="center">
                    源数据
                    <input property="editor" textfield="ProjectName_meta" valuefield="DataID" class="mini-combobox"
                        style="width: 100%;" url="../DataService/Data/DataService_RptView.aspx?method=GetInputItemDataForPlanByClassID&ClassID=1" />
                </div>


我 field="DataID" 这一列 mini-combobox 绑定的下拉菜单是通过  ../DataService/Data/DataService_RptView.aspx?method=GetInputItemDataForPlanByClassID&ClassID=1 实现的,   我具体的ClassID=1 还是 ClassID=2 我是需要通过 field="ClassID"  这一列当前绑定的值实现的,就是我想在datagrid 中实现   两个combobox 联动 ????



作者: felt    时间: 2015-1-27 17:00:43

小葱儿 发表于 2015-1-27 16:36
类名
                    
               

监听oncellbeginedit事件,第二列动态设置combobox的url
function onCellBeginEdit(e){
  if(e.field=="DataID"){
      var record=e.record
      var url="...."+record.ClassID
      e.editor.setUrl(url)
  }
}
作者: 小葱儿    时间: 2015-1-27 17:04:28

felt 发表于 2015-1-27 17:00
监听oncellbeginedit事件,第二列动态设置combobox的url
function onCellBeginEdit(e){
  if(e.field=="D ...

当我第一列改变值时,第二列的combobox 我怎么让他默认什么都不选中呢
作者: felt    时间: 2015-1-27 17:12:55

小葱儿 发表于 2015-1-27 17:04
当我第一列改变值时,第二列的combobox 我怎么让他默认什么都不选中呢

监听oncellendedit事件,第一列改变的时候,更新第二列的值
作者: 小葱儿    时间: 2015-1-27 17:14:51

felt 发表于 2015-1-27 17:12
监听oncellendedit事件,第一列改变的时候,更新第二列的值

我主要是不知道如何把更新第二列的值为 什么都不选中
作者: felt    时间: 2015-1-27 17:20:34

小葱儿 发表于 2015-1-27 17:14
我主要是不知道如何把更新第二列的值为 什么都不选中

你把第二列更新成空,怎么会还有选中
作者: 小葱儿    时间: 2015-1-27 17:46:56

本帖最后由 小葱儿 于 2015-1-27 18:05 编辑
felt 发表于 2015-1-27 17:20
你把第二列更新成空,怎么会还有选中

那如何将第二列的中的combobox 设置为空呢,当我第一列改变值时,第二列的combobox 我怎么让他默认什么都不选中呢
作者: 小葱儿    时间: 2015-1-27 18:06:18

felt 发表于 2015-1-27 17:20
你把第二列更新成空,怎么会还有选中

        function oncellendedit(e) {
            if (e.field == "DataIDType") {
                var a = e.columnIndex;
                e.record.ProjectName_meta = "";
                grid.updateRow(e.row, e.record);
                grid.getCellEditor(5, e.rowIndex).load("../DataService/Data/DataService_RptView.aspx?method=GetInputItemDataForPlanByDataIDType&DataIDType=" + e.value + "", function () {

               
                });


               
            }
        }
可以了




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2