感觉用你们这个问题不少哦 。

dragon

哦 。我看错了     下面是 showSummaryRow ="true" 失误了 。。哈~~。。  分页控件还是 时而显示 时而不显示  需要动下窗口才显示   怎么解决?

dragon

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

好像有可以显示 了 。。 我把 分页DIV 放到  mini-fit 下面好像每次都显示了，但是他回 随着滚动条滑动了

factory

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

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

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

thx....

dragon

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

不对  还是显示不了 。。。 放到 mini-fit外面有时还是显示不了

dragon

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

感觉好像是先加载了  分页控件。。 然后 数据加载完成。。表格数据把 分页控件 挤没了

niko

你参考这个例子把：http://www.miniui.com/demo/#src=fit/fit.html

dragon

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"
    
15. 
    
16.                          showColumnsMenu = "true"
    
17.                          showSummaryRow ="true"
    
18.                         showFilterRow="false"
    
19.                     >
    
20.                                 <div property="columns">
    
21.                                      
    
22.                                 </div>
    
23.                         </div>
    
24.                        
    
25. 
    
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

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>";
   
6. 
   
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

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. }

复制代码