jQuery MiniUI

 找回密码
 立即注册
楼主: xiaobo
打印 上一主题 下一主题

根据mini-combobox的值显示或隐藏一列 [复制链接]

Rank: 9Rank: 9Rank: 9

11#
发表于 2012-7-29 16:18:01 |只看该作者
你这个功能,可以这样:
1.选择combobox,正常赋值
2.审核人是否可编辑,由“是否需要审核”列值来决定。
这样就很简单实现了。

Rank: 2

12#
发表于 2012-7-30 09:06:55 |只看该作者
我这样做 了,但是有些问题,我把附件上传了啊。
我代码是这样写的。有什么问题吗?
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:280px;"
        url="data/new.txt"idField="id"
        allowResize="true" pageSize="20"  oncellcommitedit="oncellendedit"
        allowCellEdit="true" allowCellSelect="true" multiSelect="true"  
      >
   <div property="columns"  >
         <!--  如果我在下面的div中加上  type="comboboxcolumn" onvaluechanged="onDeptChanged"将不会被触发 -->
         <div   type="comboboxcolumn"  field="gender" width="100" allowSort="true"  align="center" headerAlign="center">是否需要审核
            <input property="editor" class="mini-combobox"  data="Genders" onvaluechanged="onDeptChanged"/>               
         </div>  
                 
         <div name="shenheren" field="ooo" width="120" headerAlign="center" allowSort="true"   >审核人
         </div>   
      </div>
    </div>
          
                
</body>
<script  type="text/javascript">
          var Genders = [{ id: 0, text: '是' }, { id: 1, text: '否'}];

             mini.parse();
             var grid = mini.get("datagrid1");
                       grid.hideColumn ("shenheren");
                       grid.load();
   
            function onDeptChanged(e) {
                  
            alert("dddd");
             if(id=="0"){
                           grid.hideColumn("shenheren");   
                          }else{
                      grid.showColumn("shenheren");
                          }
            
        }


</script>         

Rank: 9Rank: 9Rank: 9

13#
发表于 2012-7-30 10:51:08 |只看该作者
function onDeptChanged(e) {
                  
            grid.commitEdit(); //加这一行就可以了。
             if(id=="0"){
                           grid.hideColumn("shenheren");   
                          }else{
                      grid.showColumn("shenheren");
                          }

Rank: 2

14#
发表于 2012-7-30 14:54:43 |只看该作者
现在需求改了。
审核人这里也显示。。。如果是否审核这列选择是,那么审核人这列就可以编辑。。。如果选择否,,那么审核人这列就不可编辑。如何控制??


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 9Rank: 9Rank: 9

15#
发表于 2012-7-30 16:36:02 |只看该作者
监听处理表格的cellbeginedit事件:
<div class="mini-datagrid" oncellbeginedit="onCellBeginEdit" ...

js:
        function onCellBeginEdit(e) {
            var record = e.record, field = e.field;
            if(field == "name"){ //判断列,或行属性
                e.cancel = true; //阻止编辑
            }
        }

Archiver|普加软件

GMT+8, 2024-11-26 04:23 , Processed in 1.055318 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部