精华内容
下载资源
问答
  • miniui
    2022-07-22 09:30:10

    miniUI笔记与问题

    作为刚刚入职的小白,公司的很多项目都使用到miniUI,我自己接收的第一个比较正式的活便是关于miniUI的。
    对于miniUI官方文档,我个人认为很不友好,易读性差。

    mini.parse()

    将html标签解析为miniui控件。
    我们通常在js的第一行加上这段代码。

    解析后,我们便可以使用mini.get获取到控件对象。

    var username = mini.get("username");//其中get中的"username"为文档元素的id
    username.setValue('小宇');//设置值
    

    mini-combox下拉框

    动态设置下拉选择项
     <input class="mini-combobox" id="combo1" textField="text" valueField="id" showNullItem="false"/>
    
    var combo1 = nui.get("combo1");
     combo1.setData([{"id":"1","text":"abc"},{"id":"2","text":"edf"}])
    

    日期选择器

    设置只能选择今天及以后日期
    <input id="hdsjq" name="zzywxxap.hdsjq" ondrawdate="onDrawDate" required="true"
    				    class="mini-datepicker" allowInput="false"  textField="name"
    				    valueField="code" emptyText="请选择..." valueFromSelect="true" style="width: 100%;"
    				    requiredErrorText="活动开始时间不能为空!"/>
    
    //时间选择器不能小于今日
    	function onDrawDate(e) {
    		   var date = e.date;
    		   var d = new Date();
    		   if (date.getTime() <= d.getTime()) 
    		   {
    		     e.allowSelect = false;
    		   }
    		 }
    

    Form表单

    var form = new mini.Form("#form1");
    
    var data = form.getData();      //获取表单多个控件的数据
    
    form.setData(data);    //设置控件数据
    
    form.setEnabled(false)   //是否禁用只读
    

    自定义校验

    <input class="mini-textbox" onvalidation="onValidation"/>
    
    function onValidation(e) {
                if (e.isValid) {
                    if (isEnglish(e.value) == false) {
                        e.errorText = "必须输入英文";
                        e.isValid = false;
                    }
                }
            }
    
    //校验
    		form.validate();
    		if(form.isValid() == false){
    	      	var a = form.getErrors();//自定义错误信息
    	      return;
        	}
    

    mini.DataGrid表

    给想要渲染的列加上renderer处理事件。

    值得注意的是:renderer只能用于表格某一列的渲染,而不能用于input等其他!!!
    在这里插入图片描述

    表格加载

    load ( params, success, fail )
    params是我们前端请求参数。

    var grid = mini.get("grid");
    grid.load(params);
    

    miniUI会自动为我们加上一些参数

    后台接收如下信息:
    {
        params: "参数",  //自定义
        pageIndex: 0,
        pageSize: 10,
        sortField: "",
        sortOrder: "asc"
    }
    

    父子窗口传值

    父窗口向子窗口传送数据
    //父窗口
    var data="传送的数据数据"
    mini.open({
    			title:"新建政治业务学习专题",
    			url: urlUtil.getBaseUrl()+"application/zzyw/zzywxxap.jsp?state=1",
    			width: 900,
    			height:600,
    			onload: function () {
                    var iframe = this.getIFrameEl();
                    iframe.contentWindow.init(data);//调用子窗口方法
                },
    			ondestroy: function () {
    			}
    		});
    
    //子窗口
    function init(data) {
    		console.log("接收到父窗口的数据",data);
    }
    
    
    子窗口向父窗口传送数据
    //父窗口
    var data="传送的数据"
    mini.open({
    			title:"新建政治业务学习专题",
    			url: urlUtil.getBaseUrl()+"application/zzyw/zzywxxap.jsp?state=1",
    			width: 900,
    			height:600,
    			onload: function () {
                    var iframe = this.getIFrameEl();
                    iframe.contentWindow.init(data);//调用子窗口方法
                },
    			ondestroy: function (data) {
    			console.log("接收到子窗口的数据",data)
    			}
    		});
    
    //子窗口
      var data = “传送的数据”
      window.CloseOwnerWindow(data);  // 通过 window.CloseOwnerWindow 关闭,将数据传递出去
    
    更多相关内容
  • jquery-miniui 基于 MiniUI 官方版本 v3.6 进行扩展 安装部署说明.txt 执行 src/main/webapp/dbsql 目录下的 SQL 脚本,创建数据表和初始化测试数据; 使用 Eclipse/MyEclipse 将源代码作为 Maven 工程导入到工作...
  • MiniUI-开源

    2021-05-13 23:17:45
    miniui-1.0.0.tar.gz,miniui-1.0.0,ui,images,miniUI-small.png,miniUI.png,liquid.png,window.gif,waterfire.png,user-trash.png,minimal.png,button_0.png,miniUI-big.png,minimal.bmp,3dbutton.png,brt.png,...
  • 1.实现了用户登录,用户增删改查 2.角色增删改查 3.用户与角色之间的关联 4.可正常登录登出
  • UI组件 miniui(适用于后台管理)
  • 本文将详细介绍jquery miniui 教程 表格控件 合并单元格的应用,需要的朋友可以参考下
  • miniui demo

    2018-09-04 17:15:17
    miniui demo,以及java版本demo,适合minniui的学习者使用。
  • miniui使用说明

    2017-10-09 00:02:17
    miniui安装使用说明,由于版权原因,不再将miniui源码放上了。请谅解
  • 用spring+struct2+mybatis+miniui框架做成的作业管理系统
  • 2010级毕业设计项目基于CI框架进行开发,类似MiniUI的组件系统。此项目为共同开发项目;参与者:luofei,freemen在线预览:组件功能特点基于配置的思想(主要)表格数据配置查询区域配置数据库信息配置表头信息配置...
  • 该视频培训课程主要分享MiniUI文本控件、按钮控件、组合框控件、列表控件、单选、复选框控件、密码、文本块控件、日期选择控件、上传控件、数据网格控件、弹窗、菜单、选项卡、布局等MiniUI的所有知识点。
  • 超级好用的合并方式,仅此一家,个人原创
  • MiniUI汇总.pdf

    2021-10-30 15:34:07
    MiniUI汇总.pdf
  • miniui-js文件

    2016-12-29 09:48:13
    miniui-js文件
  • 随着用户对Internet网络服务器提出更高的要求,传统Web技术的同步...采用Ajax技术可以挖掘并开发Web浏览器的潜力,借助MiniUI使用户方便地为网站提供Ajax交互,改变传统Web应用和开发模式,提供全新的用户上网体验。
  • jQuery MiniUI

    2017-11-29 09:14:29
    MiniUI - 专业WebUI控件库。 它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。
  • jquery miniui

    2019-04-11 01:44:27
    miniui_java.rar,miniui_java,.project,WebContent,BigTest,10000-datagrid.html,10000-treegrid.html,120-form.html,10000-tree.html,tasks.txt,300-datagrid.html,WEB-INF,lib,sqljdbc.jar,javax.servlet.jar,...
  • miniui前端技术框架

    2019-07-15 16:08:12
    miniui前端技术框架,
  • MiniUI商业版.rar

    2019-06-21 11:07:19
    该版本是miniui3.4的商业版本,没有弹窗提示。开发平台不受限制。asp.net、java、php 均可以使用。使用介绍相关文档请参考官方的 demo
  • miniui图书管理练习

    2019-05-06 19:23:37
    本项目有一个项目需求文件。使用miniui与servlet进行前后端分离。 总共两个版本:1.post传值,一个请求功能写一个servlet 2.get传值,多个请求功能写在一个servlet中
  • miniui常用界面设置

    2016-10-20 15:24:15
    实现了minigui中按钮三态的切换,minigui定时器,minigui使用BMP图片数字显示,鼠标悬停提示
  • MINIUI-API jQuery 做的非常强大的界面框架, 漂亮哟 ,根据自己的...
  • SpringMVC MiniUI.rar

    2019-06-17 16:53:53
    SpringMvc MiniUI,带基本的系统开发所需某块:系统管理、用户管理、角色管理、权限管理、查询权限、操作权限等。
  • 该系统是基于maven管理webapp项目,系统采用SpringMVC整合Hibernate,前端采用Jquery的miniUI做简单展示,集合了常用的web程序功能,增删改查,分页,上传文件,下载文件,freemark导出word,导出excel,spring...
  • 测试用的,暂时还不行,等成功了之后再重新上传!
  • miniui中文

    2016-07-11 17:09:24
    学习miniui的可以下载下来看看,这里放的是可以放在MyEclipse、Eclipse运行的项目(api说明中文的可以让不会英语的人学的更顺利)
  • miniui_java 最新版本

    2016-06-21 11:24:03
    miniui_java 最新版本
  • nui或者miniui中gird合并重复行数据,查找某行
  • miniuiDemo

    2013-12-03 10:56:01
    miniui_java_myeclipse.rar,miniui_java_myeclipse,.settings,org.eclipse.core.resources.prefs,src,Test,StringUtil.java,DateTransformer.java,JSON.java,File.java,UnicodeReader.java,TestDB.java,TreeUtil....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,608
精华内容 1,443
关键字:

miniui