jQuery MiniUI

 找回密码
 立即注册
查看: 16830|回复: 14
打印 上一主题 下一主题

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

Rank: 2

跳转到指定楼层
楼主
发表于 2012-7-26 15:52:16 |只看该作者 |倒序浏览
如何所示。如果选择是 ,那么我就把审核人,这列显示,如果不是,就隐藏。
页面代码如下: <div name="oooo" field="isCanTemp" width="120" headerAlign="center" allowSort="true"   >是否需要审核
                 <select  property="editor" class="mini-combobox" style="width:100%;">
                                   <option> 是</option>
                                   <option>否</option>
                             </select>  
            
      </div>        
数据库里,0表示是,1表示否。
  我不清楚,这个js事件在哪里写。在div里写,还是select中写,还有如何娶到。option中的value


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

Rank: 8Rank: 8

沙发
发表于 2012-7-26 16:24:39 |只看该作者
监听表格的oncellendedit事件,在编辑结束的时候判断单元格的值是否为0或1,再处理表格列的隐藏或者显示
大概的代码如下:
function oncellendedit(e){
            if(e.field == "isCanTemp"){
                var record = e.record
                var temp= record.gender;
                if(temp== "0"){
                    grid.hideColumn("XXXX");  //这个是column的name
                }else{
                    grid.showColumn("XXXX");
                }
            }
        }

Rank: 2

板凳
发表于 2012-7-26 16:44:35 |只看该作者
oncellendedit(e)这个事件些在哪里? 是表头这里的属性吗   <div id="datagrid1" class="mini-datagrid" style=" width:100%;height:400px;"
        idField="id"  showFooter="false"    url="data/new.txt"
          showSummaryRow="true"    allowCellEdit="true"  allowCellSelect="true" multiSelect="true">
gender这个属性是做什么的? 像gender oncellendedit(e) 这样的属性,我该在哪里学习。以前没有找到过?

Rank: 2

地板
发表于 2012-7-26 17:00:49 |只看该作者
能不能给点mimiui的学习方法。。。像oncellendedit这种事件,我在grid api里http://www.miniui.com/docs/api/index.html#ui=datagrid也没有发现。如何学那,纠结

Rank: 8Rank: 8

5#
发表于 2012-7-26 17:05:55 |只看该作者
xiaobo 发表于 2012-7-26 16:44
oncellendedit(e)这个事件些在哪里? 是表头这里的属性吗   
gender这个属性是做什么的? 像gender oncelle ...

oncellendedit在表格上面<div id="datagrid1" class="mini-datagrid" oncellendedit="oncellendedit">
name是column上的,比如你的<div name="oooo" field="isCanTemp"> name是OOOO;
gender是我拷贝的我这里的代码时候写错了...换成你的话是record.isCanTemp

Rank: 2

6#
发表于 2012-7-26 17:34:58 |只看该作者
非常感谢。基本解决了。我是新手,希望能告诉我学习miniui的经验,这个更重要。api里有好多属性都找不到,如oncellendedit,在grid的api就没哟。。

Rank: 2

7#
发表于 2012-7-26 19:09:32 |只看该作者
oncellendedit="oncellendedit"在dreamweaver中调试可以进入js中,可是在jsp页面就进不去js。  
selectionchanged="oncellendedit"到时可以alert东西出来;
   <div id="datagrid1" class="mini-datagrid" style=" width:100%;height:400px;"
    idField="id"  showFooter="false"    url="data/new.txt" oncellendedit="oncellendedit"
   showSummaryRow="true"    allowCellEdit="true"  allowCellSelect="true" multiSelect="true">

Rank: 8Rank: 8

8#
发表于 2012-7-27 10:31:12 |只看该作者
xiaobo 发表于 2012-7-26 19:09
oncellendedit="oncellendedit"在dreamweaver中调试可以进入js中,可是在jsp页面就进不去js。  
selectionc ...

oncellendedit在API中是有的,写的是cellendedit,不过在运用的时候事件前面一律需要加上on.
你这个问题建议你最好写个最最简单的demo光测试下oncellendedit事件能否激发.应该是没有问题

Rank: 2

9#
发表于 2012-7-28 17:17:56 |只看该作者
是jsp使用的mini版本太低。所以加载不了函数。。
oncellendedit(e)这个事件,是编辑好数据后才能发生的事件。即我选择好是 或 否  ,点击外边的表格一下。才能出发oncellendedit事件。。
现在我需要直接选择好是,或否,就能出发这个js事件。。不知如何办?

Rank: 2

10#
发表于 2012-7-29 12:31:25 |只看该作者
xiaobo 发表于 2012-7-28 17:17
是jsp使用的mini版本太低。所以加载不了函数。。
oncellendedit(e)这个事件,是编辑好数据后才能发生的事 ...

我照到了个方法可以直接点击是或否就能出发,显示或隐藏列。但是有写问题,我不知道,是miniui本生的小bug,还是我自己的操作有误。。我把图片和文件传上,帮我找找问题 。  。具体来说如果使用type="comboboxcolumn",那么onvaluechanged="onDeptChanged"久没有效果。不适用type="comboboxcolumn",那么久会出现控制不了 class="mini-combobox"的宽度。还有编辑好页面显示的值,是id的值,而不是text的值。。。
还有我后台,存的是0代表是,1代表否。。在查询数据的时候,如何根据0或1的值,来动态的显示,combobox里的值。
如果有qq的话。联系更方便。。。


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

Archiver|普加软件

GMT+8, 2024-11-26 06:32 , Processed in 1.036819 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部