miniui学习总结

转载自：qq_1072170228

允许单元格编辑

allowCellEdit="true" allowCellSelect="true"
 
 

 不允许选择今天之后的日期

 
 

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         ondrawdate="onDrawOfHappenTime"
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function onDrawOfHappenTime(e) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var date = e.date;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var d = new Date();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 if (date.getTime() > d.getTime()) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     e.allowSelect = false;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   
 
 

 

父子页传值

 
 

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //渲染操作
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     <div width="120px;" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作
     
     </div>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     /**渲染操作列*/
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     function onActionRenderer(e) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         var s = "";
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         var record = e.record;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         var uid = record._uid;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         s = ' 
     
     <a class="a_href" href="javascript:view(\'' + uid + '\')">查看详情
     
     </a>   
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     <a class="a_href" href="javascript:cell_edit(\'' + uid + '\')">修改
     
     </a>';
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         return s;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     onrowdblclick="doubleClick"
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     //双击行查看详情
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function doubleClick(e) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var row = e.record;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 view(row._uid);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             //查看详情
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function view(uid) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var row = grid.getRowByUID(uid);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 mini.open({
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     url : xxxx
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     title : "标题",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     width : "90%",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     height : "90%",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     allowResize : true, //允许尺寸调节
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     showMaxButton : true, //显示最大化按钮
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     onload : function() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var iframe = this.getIFrameEl();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var str = 'view';
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var data = {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             bz : row.bz,
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             //像子页面传值
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         };
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         iframe.contentWindow.setdata(str, data);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 });
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }    
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             //修改
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function cell_edit(uid) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var row = grid.getRowByUID(uid);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var rows = grid.getSelected();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 mini.open({
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     url : "${basePath}/xxx",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     title : "详情",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     width : "90%",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     height : "90%",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     allowResize : true, //允许尺寸调节
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     showMaxButton : true, //显示最大化按钮
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     onload : function() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var iframe = this.getIFrameEl();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var data = {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             bz : row.bz,
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                    
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         };
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                    
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         iframe.contentWindow.setdata(data);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     },
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     ondestroy : function(data) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         //修改子页面数据返回到父页面grid框上
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         grid.updateRow(rows, data);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 });
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             //新增
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function add(uid) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var rows = grid.getRowByUID(uid);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 mini.open({
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     url : "${basePath}/xxxx",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     title : "xxxx-详情",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     width : "70%",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     height : "50%",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     allowResize : true, //允许尺寸调节
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     showMaxButton : true, //显示最大化按钮
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     onload : function() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var iframe = this.getIFrameEl();
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     },
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     ondestroy : function(data) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         //这里要判断返回值 data为空
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         if (data != "close") {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             grid.addRow(data, 0);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             grid.setTotalCount(grid.getData().length);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             //grid.deselect( rows,data);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 });
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   
 
 

  子页面提交数据

 
 

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
               function save(){
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 frm_xxxx.validate();//验证
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var formAllData = frm_xxxx.getData();   //获取全部form信息，并且保存到grid表内
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 //把数据放到关闭按钮返回
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 CloseWindow(formAllData);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   
 
 

  判断时间大小 结束时间不能小于开始时间！

 
 

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function riqi() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var begin = mini.get("begin").getValue()
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     var begin=mini.formatDate(mini.parseDate(begin), "yyyyMMdd");//開始
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var over = mini.get("over").getValue();//結束
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var over=mini.formatDate(mini.parseDate(over), "yyyyMMdd");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 if((begin != null && begin!="")&&(over != null && over != "")){
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     if (begin > over) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         mini.alert("结束时间不能小于开始时间！");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         mini.get("begin").setValue("");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         mini.get("over").setValue("");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         return;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   
 
 

   MiniUI分页查询

 
 

   
   

    
    

   
   
   
   

    
    

     
     <div id="grid" class="mini-datagrid" style="height:350px; width:99%" selectOnLoad="true" allowSortColumn="false" showPager="true" border="0" allowResize="true" onrowdblclick="doubleClick" url="${basePath}/xxxxxx" multiSelect="true"
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     onpreload=
     
     "onpreload">
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             //触发查询按钮
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function chaxun() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 var params = frm_query.getData(true);
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 grid.load(params);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             /**当数据加载完成修改数据格式*/
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             function onpreload(sender) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 if (sender.data.length 
     
     < 1) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     layer.msg("未查询到数据！");
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   
 
 

 grid日期类型把-去掉

 
 

   
   

    
    

   
   
   
   

    
    

     
      var formData = new Object();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         var rows = grid.getSelecteds();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         for (var i = 0; i 
     
     < rows.length; i++) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                        
     
     var 
     
     xxx = 
     
     rows[i].xx.replace("
     
     -", "")
     
     .replace("
     
     -", ""); //日期转换为了和数据库根式保持一致
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                    
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                        
     
     rows[
     
     i]
     
     .xxx = 
     
     xxx;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                        
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         }
    
    
   
   
 
 

ajax提交      

 
 

   
   

    
    

   
   
   
   

    
    

     
         $.ajax({
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         url : "${basePath}/xxxx",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         type : "post",
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         async : false,
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         data : 值,
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         beforeSend : function() {//提交前触发
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                           //提交前需要做的
    
    
   
   

   
   

    
    

   
   
   
   

    
    
                    
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         },
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         success : function(rep) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                             mini.alert("操作成功!");
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     })；