jQuery MiniUI

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

miniui 框架以下功能可否实现 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-1-17 13:13:28 |只看该作者 |倒序浏览
1、对渲染的单元格内容可以设置布局吗 ?即针对单元格显示的内容可以设置她的显示位置例如居中 ,居左。而不是用空格和回车去控制一个单元格中的多个内容.
2、对于渲染的单元格执行了单元格点击事件进行记录添加后,可否把添加事件的记录值返回到渲染单元格中显示,类似于outlook的日历提醒功能效果
3、可否自定义按钮,即根据用户的权限或功能判断哪些按钮显示,哪些按钮不显示。如果用隐藏做,那么查看页面源码的时候隐藏信息是否可见。
4、我的实体A里定义了一个list,此list里存放的是另一个实体类型B,前台页面可否根据list的实际大小动态的显示出A的所有属性及list中每个记录的某一个指定属性

Rank: 8Rank: 8

沙发
发表于 2014-1-17 13:51:08 |只看该作者
1.设置单元格的样式 text-align:center
2.单元格的编辑,表格的updateRow()等等,都会重新出发一次ondrawcell
3.可以从后台获取该用户的权限,如果不满足,则该按钮setVisible(false)
4. 前台可以遍历对象获得所有属性
var obj = {id:"1",name:"2",age:3}
for(var key in obj){
   alert(obj[key]);
}

Rank: 2

板凳
发表于 2014-1-17 14:22:42 |只看该作者
factory 发表于 2014-1-17 13:51
1.设置单元格的样式 text-align:center
2.单元格的编辑,表格的updateRow()等等,都会重新出发一次ondrawcell ...

1、渲染单元格可以用你说的属性
2、我们用的不是编辑本单元格 是点击这个单元格 然后弹出页面 页面是用来做添加操作的。类似于outlook的日历提醒功能。
4、如何遍历实体中list里存放的属性的值

Rank: 8Rank: 8

地板
发表于 2014-1-17 14:45:23 |只看该作者
hupuna 发表于 2014-1-17 14:22
1、渲染单元格可以用你说的属性
2、我们用的不是编辑本单元格 是点击这个单元格 然后弹出页面 页面是用来 ...

2. 弹出之后,你把值回写到单元格,如果不是单元格编辑
那么肯定是grid.updateRow(row,{name:"张三"})
这种方式去回写了,这种也是会触发ondrawcell的

4.数组的遍历 for(var i=,l=list.length;i<l;i++){....}
对象属性字段 就是上面写的

Rank: 2

5#
发表于 2014-1-20 17:35:21 |只看该作者
1、对渲染的单元格内容可以设置布局吗 ?即针对单元格显示的内容可以设置她的显示位置例如居中 ,居左。而不是用空格和回车去控制一个单元格中的多个内容.
2、对于渲染的单元格执行了单元格点击事件进行记录添加后,可否把添加事件的记录值返回到渲染单元格中显示,类似于outlook的日历提醒功能效果
3、可否自定义按钮,即根据用户的权限或功能判断哪些按钮显示,哪些按钮不显示。如果用隐藏做,那么查看页面源码的时候隐藏信息是否可见。
4、我的实体A里定义了一个list,此list里存放的是另一个实体类型B,前台页面可否根据list的实际大小动态的显示出A的所有属性及list中每个记录的某一个指定属性


你好,这四个问题我上周提过。对于您的回答我有点疑问。
1、你说可以设置 可否给个例子。我现在的写法是
  grid.on("drawcell", function (e) {
      var record = e.record,
     column = e.column,
     field = e.field,
     value = e.value;
      var row = grid.getTotalCount();//是总记录数。
      var data = grid.getData();
     var h =  document.body.clientHeight;
      if (field == "MONDAY") {
         var html = "";
       var o = e.record.MONDAY;
       var o1 = e.record.MONDAYLUNAR;
       if(o1.indexOf("月")!=-1 || o.length>3){
        html = o1+"  "+o;
         }else{
        html = o1+"                    "+o;
            }
       e.rowStyle = "height: 71px";
       e.cellHtml = html;
   }
o1和o是单元格要显示的两个内容 ,我现在是用空格调整他们的距离。如何用您说的那种方法控制他们的样式,而且是对两个显示内容分别控制 ,一个居左,一个居右。

2、我用的是oncellclick事件,不是编辑事件。要做的效果是outlook日历提醒效果

Rank: 8Rank: 8

6#
发表于 2014-1-21 09:20:31 |只看该作者
hupuna 发表于 2014-1-20 17:35
1、对渲染的单元格内容可以设置布局吗 ?即针对单元格显示的内容可以设置她的显示位置例如居中 ,居左。而 ...

1.e.cellStyle = "text-align:center"

2.只要你执行任何修改单元格内容的事情,都会触发该单元格的ondrawcell事件

Rank: 2

7#
发表于 2014-1-21 14:41:03 |只看该作者
本帖最后由 hupuna 于 2014-1-21 14:49 编辑

你好
1、1.e.cellStyle = "text-align:center",这个是设置单元格里所显示的所有内容的显示方式,我想问的是渲染单元格中所显示的每个内容可不可以作为一个独立的个体单独去设置他们各自的样式。也就是取代我昨天上传的代码的空格部分让显示内容o1居左显示,显示内容o居右显示。
2、我知道不管用什么事件都能触发ondrawcell方法,但是我想的功能是这样的 给你上传两张图片看一下
是把一个新内容回写到渲染单元格中。


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

Rank: 8Rank: 8

8#
发表于 2014-1-21 15:59:01 |只看该作者
hupuna 发表于 2014-1-21 14:41
你好
1、1.e.cellStyle = "text-align:center",这个是设置单元格里所显示的所有内容的显示方式,我想问的 ...

1. ondrawcell是每个单元格进行触发的
你要让你某个单元格居中,其他居右,那你放个if判断下不就好了吗?
var index = grid.indexOf(e.row)
if(e.field="age" && index == 2){
    e.cellStyle = "text-align:center;"
}
第三行的性别列,文字居中,其他的不变

2.
var value = "14:30 15:00 吃饭 (学校)"
grid.updateRow(row,{yourField:value})

Rank: 2

9#
发表于 2014-1-22 08:42:06 |只看该作者
本帖最后由 hupuna 于 2014-1-22 08:54 编辑

我的版主啊,我表述的很不清晰吗?我说的不是设置某一个单元格和其他单元格不一样,而是渲染的单元格里不是可以显示多个内容吗?对显示在同一个单元格里的不同的内容设置对齐方式。您的意思是两列的显示方式不同了,但是我的意思是不是针对两列的是一个单元格或者说是每个单元格的,例如一个单元格的两个内容如初七和7日是这个单元格显示的两个内容,我怎么实现让初七在单元格中居左显示,让7日在同一个单元格中居右显示。我现在这种效果是用空格调整的。
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

10#
发表于 2014-1-22 09:20:20 |只看该作者
hupuna 发表于 2014-1-22 08:42
我的版主啊,我表述的很不清晰吗?我说的不是设置某一个单元格和其他单元格不一样,而是渲染的单元格里不是 ...

那也是改e.cellHtml
里面自己放2个HTML的dom元素,比如div,然后设置其中一个的文字居中,另外一个不设置

Archiver|普加软件

GMT+8, 2024-11-1 09:30 , Processed in 1.060595 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部