jQuery
文章平均质量分 52
xiaoqiu_net
学无先后,达者为师。
展开
-
jQuery点击页面上某元素之外的地方进行指定操作
页面点击经常会有这样的需求,点击某元素之外的地方将指定元素给隐藏起来。如上图,需要点击页面中除下拉框区域(下拉树,文本框,下拉箭头)之外的元素,隐藏下拉框。页面元素点击事件绑定: $(document).on('click',':not(.combo_tree_panel)',function(){ $combotreePanel.hide();原创 2018-02-07 10:35:44 · 12036 阅读 · 1 评论 -
eaysui-tabs自适应宽度的问题
问题是在左侧菜单折叠后,tabs的面板拉过来了,没有自适应。找了很多办法,改变宽度为:parent.width(),或用tabs的resize方法,都没用。最后是一个个找到了他们的样式,把宽度都改成了100%才行。因为他的样式的脚本自动生成的,所以css覆盖没有用,他用js脚本,我也用js脚本覆盖咯。$("#tabs").css("width", "100%");$(原创 2017-04-27 09:46:16 · 1336 阅读 · 0 评论 -
EasyUI界面加载等待效果
使用EasyUI tab页面,加载页面的时候 可能会渲染很慢,体验不是很好,加一个简单的等待效果吧。使用此脚本需要先引入easyui.js基础脚本。var maskWidth = $(window).width();var maskHeight = $(window).height();var maskHtml = "<div id='maskLoading' class='p原创 2016-11-14 14:41:09 · 12720 阅读 · 1 评论 -
页面遮罩效果
效果:遮罩效果,就是把页面给遮挡了,让用户无法再点击页面的元素。原理就是 弄一个遮罩层,在所有元素的最上方,让这个元素铺满屏幕,所以点击实际是点击的这个元素。利用绝对定位,使元素脱离文档流,z-index属性设置其浮动层的位置,要做这个一个对话框,假设遮罩的z-index是100,那么这个对话框div块的z-index就是101,在它上方了.css样式:.mask {原创 2016-11-14 14:29:13 · 1709 阅读 · 0 评论 -
jQuery鼠标托动元素
$main.mousedown(function (e) { //e鼠标事件 $(this).css("cursor", "move"); var offset = $(this).offset(); //元素在页面的位置 var x = e.pageX - offset.left; //获得鼠标指针离DIV原创 2016-11-09 09:38:42 · 358 阅读 · 0 评论 -
EasyUI-Tab选项卡内页面高度自适应
$('#tabs').tabs('close', subtitle); if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title: subtitle, content: createFrame(url),原创 2016-11-04 15:46:08 · 8596 阅读 · 0 评论 -
jQuery操作DOM节点(一)
浏览器中 什么是BOM?是什么DOM?BOM:Browser Object Model 浏览器对象模型,提供一些对浏览器的操作的对象,比如:window对象,window.open,alert....DOM: Document Object Model 文档对象模型,HTML页面看作一个文档,文档中的每个标签元素都看作一个对象(DOM节点),每个DOM节点有一定的关系(父子、兄弟)。形原创 2016-11-04 09:52:54 · 912 阅读 · 0 评论 -
jQuery的$.fn和$.extend
$.fn是指jQuery的命名空间,加上fn上的方法及属性,会对每一个jQuery实例有效。如扩展了$.fn.test = function(){} 则是对jQuery扩展了一个test方法。那么每个jQuery实例都可以引用这个方法。$.fn.test=function(){ console.info($(this));}$("#div1").test();原创 2016-11-03 16:41:29 · 371 阅读 · 0 评论 -
Easyui_Datagrid更新行数据后,行按钮消失简单解决办法
如图:当我编辑更新了datagrid一行中的数据,改行渲染的按钮就不见了。使用reload方法,可以加载出来,但是又会吧全部数据给重新加载一遍,不想这样。更新UI中的某个数据就好了,不必再去请求一次这么多数据。所以,在 更新行数据后,再渲染一次按钮就好了。 $("#tab").datagrid("updateRow", { inde原创 2016-08-01 21:50:07 · 3984 阅读 · 2 评论 -
jQuery防止动画重复执行
div { position: absolute; right: 0px; background-color: #abc; width: 90px; height: 90px; margin: 5px; display: none;原创 2016-09-18 09:33:01 · 3744 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css转载 2016-09-01 09:25:38 · 280 阅读 · 0 评论 -
MVC动态获取树形菜单信息
菜单效果如图:后台递归得到菜单树代码: /// /// 获取菜单树 /// /// 菜单父节点ID /// public IEnumerable GetList(string ParentID) { var list = Query(m => m.Par原创 2016-08-10 14:07:30 · 8400 阅读 · 3 评论 -
Easyui-Datagrid统计行footer使用
效果如图:带footer的Datagrid的json数据格式:后端处理: public ActionResult GetList(string id) { HerbInOutStockPlanDetail_Repository rep = new HerbInOutStockPlanDetail_Repository();原创 2016-08-29 23:29:20 · 24731 阅读 · 2 评论 -
Easyui_datebox验证-开始日期小于结束日期
效果:渲染easyui-datebox:重写验证easyui验证规则: $.extend($.fn.validatebox.defaults.rules, { equaldDate: { validator: function (value, param) { var start = $(para原创 2016-08-05 13:11:19 · 9326 阅读 · 1 评论 -
EasyUI_Combobox输入文本匹配加载下拉框数据
效果如图:每次输入数据去匹配数据库数据,加载到下拉框中。边输入边加载,通常我们想到的就是文本框的onChange事件,不过这里用onchange,可以实现,但bug就太多了。每次点击文本框,就会触发datagrid的行单击事件,且每次输入保存后也会触发该事件,处理的东西很多。改进,我用了loader属性。 valueField: 'id', textFie原创 2016-08-01 22:08:05 · 7976 阅读 · 4 评论 -
文本框oninput事件,在中文输入法状态多次触发
如图,在中文输入法状态中,还在检索拼音,这时事件就会触发,这不是我们想要的,xiaoqiu x,xi,xia,xiao....都会触发,这样频繁的请求会给接口造成挺大压力的。我们可以使用js里面防抖动的方式或DOM3的复合事件来解决此问题。回顾一下onchange和input事件: oninput事件在<input>或<textarea>元素的值发生改变时触发 o...原创 2018-04-11 11:16:21 · 22862 阅读 · 4 评论