jQuery EasyUI总结

jQuery EasyUI在线查询

/**
 * 上传exel事件异步
 */
function uploadExcel() {
	//得到上传文件的全路径
	var fileName = $("#fp").filebox("getValue");
	var importId = $("#excelIn").val();
	//进行基本校验
	if (fileName == "") {
		$.messager.alert("提示", "请选择上传文件!", "info");
	} else {
		//对文件格式进行校验
		var d1 = /\.[^\.]+$/.exec(fileName);
		if (d1 == ".xlsx") {
			$("#questionTypesManage").form("submit", {
				url: "uploadMiiExcel.action?importId=" + importId + "&fileName=" + fileName,
				onSubmit: function() {
					// 做某些检查   
					// 返回 false 来阻止提交   
				},
				success: function(data) {
					if (obj.status == 0) {
						$.messager.alert("提示", "上传成功!", "info");
						$("#dlgExcel").dialog("close");
						// $("#tableResult").datagrid("reload");
					} else {
						$.messager.alert("错误", obj.message, "error");
					}
				}
			});
		} else {
			$.messager.alert("提示", "请选择xls格式文件!", "info");
			$("#fp").filebox("setValue", "");
		}
	}
}
/**
 * 修改用户 动态添加type=“hidden”
 */
window.userUpdate = function(id){
	var update = $("input[name=‘update‘]");
	update.remove();
	var row = getRow(id);
	$("input[name=‘updateName‘]").val(row.name);
	$(document.body).append("<input type=‘hidden‘ id=‘update‘ name=‘update‘ value=‘" + id + "‘>");
	$("#dialogUpdate").dialog("open");
}

/**
 * 消息框宽度
 */
function contentwidth(){
	var contentwidth = parseInt(($(document).width()-300)*0.8);
	contentwidth > 300 ? contentwidth : contentwidth = 300;
   return contentwidth;
}

/**
 * jquery监听窗口大小变化事件
 */
$(window).resize(function() {
	$("#Textcontent").css("width",contentwidth());
});

/**
*form表单初始化
*/
$("#formEdit")[0].reset();
时间: 2024-08-21 23:18:49

jQuery EasyUI总结的相关文章

第二百零八节,jQuery EasyUI,SplitButton(分割按钮菜单)组件

jQuery EasyUI,SplitButton(分割按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 SplitButton(分割按钮)组件的使用方法,这个组件依赖 于 Menu(菜单)组件和 LinkButton(按钮)组件. 注意:SplitButton(分割按钮)组件与,MenuButton(菜单按钮)是一样的,不同是(分割按钮)组件多了一个分隔符 一加载方式 class 加载方式 <a href="javascript:void

JQuery EasyUI的常用组件

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一.表单 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等.当提交表单的时候可以调用validate方法检查表单是否有效. 用法: 使用form标签创建 <form id="ff" method="post"> <

使用Struts2和jQuery EasyUI实现简单CRUD系统(五)——jsp,json,EasyUI的结合

这部分比較复杂,之前看过自己的同学开发一个选课系统的时候用到了JSON,可是一直不知道有什么用.写东西也没用到.所以没去学他.然后如今以这样的怀着好奇心,这是做什么用的,这是怎么用的.这是怎么结合的心态去学习,效果非常好. 这次用到的EasyUI的数据网格,DataGrid. 需用引用一个url传来的json数据.然后整齐美观地展如今页面上.想想自己之前做的东西.就直接拿数据库的数据和html的table代码进行拼接,整洁是整洁,可是代码写得特别别扭. 让我站在一个设计者的思路上来看,假设我如今

第二百零九节,jQuery EasyUI,Pagination(分页)组件

jQuery EasyUI,Pagination(分页)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Pagination(分页)组件的使用方法,这个组件依赖于 LinkButton(按钮)组件.

第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件

jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法,,这个组件不依赖于其 他组件. 一.加载方式 //class 加载方式 <a href="http://www.ycku.com" title="这是一个提示信息!" class="easyui-tooltip">Hover Me <

jquery easyui datagrid 分页 详解

前些天用jquery easyui的table easyui-datagrid做分页显示的时候,折腾了很久,后来终于解决了.其实不难,最主要我不是很熟悉前端的东西. table easyui-datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows(每页显示的记录数)和page(当前第几页)然后读取相应页数的记录,和总记录数total一块返回即可. 1.界面 2.前端代码 <table id="dg" title="文章管理"

【转】 jquery easyui Tab 引入页面的问题

原地址:http://blog.csdn.net/superdog007/article/details/8225518 jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:“href远程请求”和“content本地内容”,本文就两种方式的优缺点进行简单分析和思考. 两者特点: href方式加载数据的特点: 被加载的页面只有body元素内部的内容才会被加载,也就是jQuery的ajax请求的只是html片段. 加载远程url时有遮罩效果,也就是“等待中……”效果

jQuery EasyUI DataGrid在MVC中的运用-基本属性并实现分页

※ datagrid的基本属性和方法  ※ datagrid分页在前后台的实现 最终效果:    与视图显示对应的view model   public class Book public string ItemId { get; set; } public string ProductId { get; set; } public decimal ListPrice { get; set; } public decimal UnitCost { get; set; } public strin

jquery easyui 验证

今天工作的时候,遇到个比较简单的问题,就是验证问题.在jquery easyui里验证都是用正则表达式 写在一个公共的js里,这样在data-options里的validType[]调用就可以.但是今天却出事情了. 以前的项目模块当表单提交的时候都是调用公用方法domysave(),用了很久所以没注意里面具体是怎么调用的.今天写一个模块突然改变了传值的方式和后台传过来的数据模式也不一样,所以就得用api里的form 表单提交一点点写了: $('#ff').form('submit', { url

Build CRUD Application with jQuery EasyUI

http://www.jeasyui.com/tutorial/app/crud.php It has become a common necessily for web application to collect data and manage it properly. CRUD allows us to generate pages to list and edit database records. This tutorial will show you how to implement