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("操作成功!");
 
                    }
                })；