jQuery MiniUI

标题: 感觉用你们这个问题不少哦 。 [打印本页]
作者: dragon    时间: 2013-5-16 08:40:48     标题: 感觉用你们这个问题不少哦 。

1. 表格自带的 分页控件居然显示了。。 而且是有时显示有时不显示。
  分页我加了自定义的 原来的是被 隐藏掉的  在ie,firefox,chrome上跑都有这个问题。




[attach]1888[/attach]
作者: dragon    时间: 2013-5-16 08:42:50

IE9 上跑  文本框里面提示输入 都偏出来了。
[attach]1889[/attach]

作者: dragon    时间: 2013-5-16 08:46:09

dragon 发表于 2013-5-16 08:42
IE9 上跑  文本框里面提示输入 都偏出来了。

IE9里面 表格数据偏移

[attach]1890[/attach]
作者: factory    时间: 2013-5-16 09:10:36

dragon 发表于 2013-5-16 08:46
IE9里面 表格数据偏移

1.同样的场景，请用你出问题的浏览器，查看我们的在线demo是否有同样问题
http://www.miniui.com/demo/#src=datagrid/diypager.html
http://www.miniui.com/demo/#src=datagrid/datagrid.html
2.确认页面头部带<!doctype....>,IE下用标准模式查看，不支持IE的兼容模式
作者: dragon    时间: 2013-5-16 09:31:31

factory 发表于 2013-5-16 09:10
1.同样的场景，请用你出问题的浏览器，查看我们的在线demo是否有同样问题
http://www.miniui.com/demo/#s ...

奇怪 现在数据位置显示正常了。。
还发现了个问题 。。 怎么把自定义的分页放到页脚上啊 。。 因为我看使用自带的表格分页是放到页脚上的。

然后分页还是有时候出啦有时候出不来  ， 然后放大缩小下窗体  又出来了
作者: factory    时间: 2013-5-16 09:37:08

dragon 发表于 2013-5-16 09:31
奇怪 现在数据位置显示正常了。。
还发现了个问题 。。 怎么把自定义的分页放到页脚上啊 。。 因为我看 ...

放到脚下你用自带的就可以了啊。
或者你自己用html的原生布局

我们的diypager.html 里面是放头部的，你放底部也是一样。依赖的是html的一些布局方式。
作者: niko    时间: 2013-5-16 10:01:21

所有的这些问题，请看我们在线示例，看是否有问题：
http://www.miniui.com/demo/

另外，我们只支持标准模式，页面头部需要加：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者: dragon    时间: 2013-5-16 10:17:42

factory 发表于 2013-5-16 09:37
放到脚下你用自带的就可以了啊。
或者你自己用html的原生布局

怎么写啊   我不会啊   。贴下大概代码吧

DOC 加上了   ， 浏览器兼容视图去掉勾了
作者: factory    时间: 2013-5-16 10:26:28

dragon 发表于 2013-5-16 10:17
怎么写啊   我不会啊   。贴下大概代码吧

DOC 加上了   ， 浏览器兼容视图去掉勾了 ...

html的div就是自动从上往下布局的啊
作者: dragon    时间: 2013-5-16 14:57:16

factory 发表于 2013-5-16 10:26
html的div就是自动从上往下布局的啊

我的代码这样的 。。   分页怎么放到页脚呢。。 颜色怎么设置呢
[attach]1900[/attach]

你们论坛 怎么看自己发的帖啊。。这个按钮放出来啊 。。
作者: dragon    时间: 2013-5-16 14:59:35

哦 。我看错了     下面是 showSummaryRow ="true" 失误了 。。哈~~。。  分页控件还是 时而显示 时而不显示  需要动下窗口才显示   怎么解决?
作者: dragon    时间: 2013-5-16 15:03:14

dragon 发表于 2013-5-16 14:57
我的代码这样的 。。   分页怎么放到页脚呢。。 颜色怎么设置呢

好像有可以显示 了 。。 我把 分页DIV 放到  mini-fit 下面好像每次都显示了，但是他回 随着滚动条滑动了
作者: factory    时间: 2013-5-16 15:22:22

dragon 发表于 2013-5-16 14:57
我的代码这样的 。。   分页怎么放到页脚呢。。 颜色怎么设置呢
  1. <div id="datagrid1" class="mini-datagrid" style="width:100%;height:300px;"
  2.         url="../data/AjaxService.aspx?method=SearchEmployees"  idField="id" allowResize="true"
  3.         showPager="false" pageSize="20" pager="#pager1"
  4.     >
  5.         <div property="columns">
  6.             <div type="indexcolumn" ></div>
  7.             <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>   
  8.             <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>                           
  9.             <div field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
  10.             <div field="salary" width="100" allowSort="true">薪资</div>                                    
  11.             <div field="age" width="100" allowSort="true">年龄</div>
  12.             <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>               
  13.         </div>
  14.     </div>   
  15.    <div class="mini-toolbar" style="padding:0px;border-top:0;">                 
  16.         <div id="pager1" class="mini-pager" style="width:380px;"
  17.             sizeList="[5,10,20,100]">        
  18.         </div>
  19.     </div>
复制代码
把pager放到一个toolbar里面，就有颜色了
作者: dragon    时间: 2013-5-16 15:28:00

factory 发表于 2013-5-16 15:22
把pager放到一个toolbar里面，就有颜色了

恩 可以了 。。。。放到toolbar里面好像 分页控件每次都显示了 。
哈哈

thx....
作者: dragon    时间: 2013-5-16 15:29:14

dragon 发表于 2013-5-16 15:28
恩 可以了 。。。。放到toolbar里面好像 分页控件每次都显示了 。
哈哈

不对  还是显示不了 。。。 放到 mini-fit外面有时还是显示不了
作者: dragon    时间: 2013-5-16 15:30:44

dragon 发表于 2013-5-16 15:29
不对  还是显示不了 。。。 放到 mini-fit外面有时还是显示不了

感觉好像是先加载了  分页控件。。 然后 数据加载完成。。表格数据把 分页控件 挤没了
作者: niko    时间: 2013-5-16 15:39:22

你参考这个例子把：http://www.miniui.com/demo/#src=fit/fit.html
作者: dragon    时间: 2013-5-16 16:38:46

niko 发表于 2013-5-16 15:39
你参考这个例子把：http://www.miniui.com/demo/#src=fit/fit.html

我就是参考的这个  读一样子的 就是自定义分页控件放在  mini-fit下面 就出现这个问题了

代码
  1. <!-- 表格数据 -->
  2.                 <div class="mini-fit">
  3.                            <div id="myDataGrid" class="mini-datagrid" style="width:100%;height:100%" allowResize="true"
  4.                   idField="id" multiSelect="true"
  5.                   allowAlternating="true"
  6.                   showPager="false"
  7.                           showFooter="false"
  8.                  onbeforeload="onDataGridBeforeload"
  9.                  onpreload="onDataGridPreload"
  10.                  onloaderror="onDataGridLoaderror"
  11.                  onload="onDataGridLoad"
  12.                  onheadercellclick="onDataGridHeadercellclick"
  13.                  ondrawcell="onDataGridDrawcell"
  14.                          oncellendedit="onDataGridCellendedit"

  16.                          showColumnsMenu = "true"
  17.                          showSummaryRow ="true"
  18.                         showFilterRow="false"
  19.                     >
  20.                                 <div property="columns">
  21.                                      
  22.                                 </div>
  23.                         </div>
  24.                        

  26.                        
  27.                 </div>
  28.                  
  29.                
  30.                
  31.                 <div class="mini-toolbar" style="padding:0px;border-top:0;">                 
  32.                                 <!-- 分页-->
  33.                                 <div id="myPager" class="mini-pager"
  34.                                          style="width:100%;border:solid 1px #ccc;"
  35.                                                                         sizeList="[1,5,10,20,100]"
  36.                                                                         onpagechanged="onPageChanged"
  37.                                                                          showPageInfo="true"
  38.                                                                          showPageSize="true"
  39.                                                                          showPageIndex="true"
  40.                                                                          >
  41.                                 </div>
  42.                        
  43.                          </div>
复制代码


作者: dragon    时间: 2013-5-16 16:40:29

dragon 发表于 2013-5-16 16:38
我就是参考的这个  读一样子的 就是自定义分页控件放在  mini-fit下面 就出现这个问题了

代码

另一个问题。列的 renderer事件  不能显示图片
已经在HTML页面看到  span标签了   但就是出不了图

  1. function convertGenderImage(e)
  2. {
  3.         //alert(e.value);
  4.          if (e.value == 1) {
  5.                 e.cellHtml = "<span class='icon-female'></span>";

  7.          } else if(e.value==0){
  8.                 e.cellHtml = "<span class='icon-boy'></span>";
  9.          }else{
  10.                
  11.                 return convertGender(e);
  12.          }
  13.        
  14.         return e.cellHtml;
  15. }
复制代码

作者: dragon    时间: 2013-5-16 16:55:14

dragon 发表于 2013-5-16 16:40
另一个问题。列的 renderer事件  不能显示图片
已经在HTML页面看到  span标签了   但就是出不了图

又是问题 。。。55

日期不能转

  1. function convertDateYMd(e)
  2. {
  3.                 /*
  4.                 var record = e.record,
  5.         column = e.column,
  6.         field = e.field,
  7.         value = e.value
  8.                 */
  9.                 var value = e.value;
  10.                
  11.         //alert(value);
  12.                 value=value.replace('T',' ');
  13.                 alert(value);
  14.           if (mini.isDate(value))    //mini.isDate 调试出来时undefined
  15.           {
  16.                   alert('data');
  17.                   return  mini.formatDate(value, "yyyy-MM-dd");  //直接这个转也转不过来
  18.           }
  19.           
  20. }
复制代码


作者: factory    时间: 2013-5-16 16:58:15

dragon 发表于 2013-5-16 16:40
另一个问题。列的 renderer事件  不能显示图片
已经在HTML页面看到  span标签了   但就是出不了图

你试试监听 ondrawcell="drawcell"

function drawcell(){
   if(e.field == "gender"){
       .....
   }
}
这个有么有效果
作者: dragon    时间: 2013-5-16 17:06:48

factory 发表于 2013-5-16 16:58
你试试监听 ondrawcell="drawcell"

function drawcell(){

说了哦 。。能执行到 在页面里面也添加上 <span class= />标签了  就是看不见图片 。

而且我用 icon-add  自带的图标也测试过了  也没有显示    <span class="icon-add" ></span>
作者: dragon    时间: 2013-5-16 17:10:36

dragon 发表于 2013-5-16 17:06
说了哦 。。能执行到 在页面里面也添加上 标签了  就是看不见图片 。

而且我用 icon-add  自带的图标也 ...



  1. function convertGenderImage(e)
  2. {
  3.         //alert(e.value);
  4.          if (e.value == 1) {
  5.                 e.cellHtml = "<span class='icon-female'></span>";

  7.          } else if(e.value==0){
  8.                 e.cellHtml = "<span class='icon-collapse'>cscs</span>";
  9.          }else{
  10.                
  11.                 return convertGender(e);
  12.          }
  13.        
  14.         return e.cellHtml;
  15. }
复制代码
[attach]1904[/attach]
文字可以，，图片没有哦 。


作者: factory    时间: 2013-5-16 17:18:22

dragon 发表于 2013-5-16 17:10
文字可以，，图片没有哦 。

那你用firebug这类工具看下呢，图片样式有什么问题，为什么不显示出来

http://www.miniui.com/demo/#src=datagrid/drawcell.html 例子是好的
作者: dragon    时间: 2013-5-17 08:55:29

factory 发表于 2013-5-16 17:18
那你用firebug这类工具看下呢，图片样式有什么问题，为什么不显示出来

http://www.miniui.com/demo/#src ...

晕了 出来了 。。。  每次都市第二天才出来。。
缓存读删除好多次了。。

e.cellHtml没有用 还是需要 执行  return e.cellHtml 才能显示

可是你们官方例子上 没有return啊
作者: dragon    时间: 2013-5-17 09:00:39

dragon 发表于 2013-5-17 08:55
晕了 出来了 。。。  每次都市第二天才出来。。
缓存读删除好多次了。。

另外一个帖子是   格式化时间问题 。。  找不到之前发的帖子啊 。。mini.isDate(value)未定义    mini.formatDate(value, "yyyy-MM-dd");也不能格式化   
哪里错误了啊

  1. /***
  2. 转换成 年-月-日

  4. */
  5. function convertDateYMd(e)
  6. {
  7.                 /*
  8.                 var record = e.record,
  9.         column = e.column,
  10.         field = e.field,
  11.         value = e.value
  12.                 */
  13.                 var value = e.value;
  14.                
  15.         //alert(value);
  16.                 value=value.replace('T',' ');
  17.                 //alert(value);
  18.          /* if (mini.isDate(value))
  19.           {
  20.                   alert('data');
  21.                   return  mini.formatDate(value, "yyyy-MM-dd");
  22.           }*/
  23.           return value;
  24.           
  25. }
复制代码



作者: niko    时间: 2013-5-17 09:07:52

不同问题发不同贴，不要一个贴发N个问题。
作者: factory    时间: 2013-5-17 09:24:57

dragon 发表于 2013-5-17 09:00
另外一个帖子是   格式化时间问题 。。  找不到之前发的帖子啊 。。mini.isDate(value)未定义    [/backc ...

mini.formatDate(value,string)

你这个value需要是日期对象，你看下APIhttp://www.miniui.com/docs/api/index.html#ui=date



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