搜索到
110
篇与
的结果
-
实时监听输入框值变化的完美方案：oninput & onpropertychange 实时监听输入框值变化的完美方案：oninput & onpropertychange从上面表格可以看出，oninput 事件在 IE9 以下版本不支持，需要使用 IE 特有的 onpropertychange 事件替代，这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发，有以下几种情况：修改了 input:checkbox 或者 input:radio 元素的选择中状态， checked 属性发生变化。修改了 input:text 或者 textarea 元素的值，value 属性发生变化。修改了 select 元素的选中项，selectedIndex 属性发生变化。在监听到 onpropertychange 事件后，可以使用 event 的 propertyName 属性来获取发生变化的属性名称。集合 oninput & onpropertychange 监听输入框内容变化的示例代码如下：<head> <script type="text/javascript"> // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9 function OnInput (event) { alert ("The new content: " + event.target.value); } // Internet Explorer function OnPropChanged (event) { if (event.propertyName.toLowerCase () == "value") { alert ("The new content: " + event.srcElement.value); } } </script> </head> <body> Please modify the contents of the text field. <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" /> </body> -
-
-
jquery checkbox勾选/取消勾选第二次无效的问题 代码如下$("#rdIsStop").attr('checked', result.isStop == '0' ? false : true); 问题描述这段代码，第一次执行的时候，没有任何问题，但是第二次以后再执行，你会发现不起作用。问题分析最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法：从1.5.2升级到1.6.1通过介绍新方法.prop()以及.attr()方法的改变，jQuery1.6.1引起了一场关于attributes和properties之间有何区别和联系的激烈讨论。同时，1.6.1也解决了一些向后兼容性问题。当从1.5.2升级到1.6.1时，你不必修改任何attribute代码。下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述，以及.attr()方法和.prop()方法的首选使用。然而，正如前面所述，jQuery1.6.1允许你使用.attr()方法就像以前它被使用在所有的情况中一样。发生了什么变化Attributes模块的变化是移除了attributes和properties之间模棱两可的东西，但是在jQuery社区中引起了一些混乱，因为在1.6之前的所有版本中都使用一个方法(.attr())来处理attributes和properties。但是老的.attr()方法有一些bug，很难维护。jQuery1.6.1对Attributes模块进行了更新，并且修复了几个bug。特别提到的是，boolean attributes，比如：checked,selected,readonly和disabled在1.6.1中和1.6之前的处理相同。这意味着下面的代码：解决办法替换attr为prop属性$("#rdIsStop").prop('checked', result.isStop == '0' ? false : true);
-
jquery easyui tabs切换问题 问题描述tab如果存在多个标签时，如果不关闭第一个标签，再打开第二个或者第三个。。。标签后，重新切换到第一个标签，结果第一个标签总是显示最后一个标签的内容。问题代码$.each(_menus.menus, function (i, n) { menulist += "<ul>"; $.each(n.menus, function (j, o) { menulist += "<li><div><a target='mainFrame' href='" + o.url + "'>" + '<span data-options="iconCls:\'icon-save\'"></span>' + o.menuname + "</a></div></li> "; }) menulist += "</ul>"; $(".easyui-accordion").accordion("add", { title: n.menuname, content: menulist, iconCls: n.icon }) menulist = ""; //每次循环完子菜单后清空，避免内容重复 })解决办法替换到菜单的href属性，替换成其他的任意属性，然后在打开时，调用新的属性$.each(_menus.menus, function (i, n) { menulist += "<ul>"; $.each(n.menus, function (j, o) { menulist += "<li><div><a target='mainFrame' openUrl='" + o.url + "'>" + '<span data-options="iconCls:\'icon-save\'"></span>' + o.menuname + "</a></div></li> "; }) menulist += "</ul>"; $(".easyui-accordion").accordion("add", { title: n.menuname, content: menulist, iconCls: n.icon }) menulist = ""; //每次循环完子菜单后清空，避免内容重复 })
-
easyui datagrid获取隐藏列 问题背景在我们平时使用easyui的datagrid时，往往会将主键列（guid）进行隐藏，如下代码$("#dg").datagrid('hideColumn', 'SK_ID'); 对于隐藏的列，我们通过getSelected方法是无法获取到对应的值的，如下方法var selectRow = $("#dg").datagrid('getSelected'); 解决方法其实解决方法很简单，只需要设置datagrid的idField属性即可，如下<table id="dg" class="easyui-datagrid" data-options=" singleSelect:true, collasible:true, idField:'SK_ID', rownumbers:true, iconCls:'icon-view', pagination: true, pageSize: 10, pageList: [5, 10, 30], toolbar:'#toolBar', fit:true" style="width:100%;height:100%;padding:20px"> <thead> <tr style="height:32px"> <th data-options="field:'SK_ID',hiden:true">ID</th> <th data-options=" field:'SK_Code', width:'20%', loadMsg: '数据加载中...', editor:{ type:'validatebox', options:{required:true, validType:'length[1,100]'} }">编号</th> <th data-options=" field:'SK_Name', width:'30%', editor:{ type:'textbox' } ">名称</th> <th data-options=" field:'SK_IsStop', width:'10%', formatter:function(value,row){ return value=='0'?'否':'是'; }, onAfterEdit:afterEditRow, editor:{ type:'combobox', options:{ data:yesOrNoJson, valueField:'id', textField:'strText'}}">是否停用</th> <th data-options=" field:'SK_Note', width:'40%', editor:{ type:'textbox', options:{ multiline:true } } ">备注</th> </tr> </thead> </table>
-
easyui分页无法获取到pageSize的解决办法 问题描述今天在做easyui datagrid分页时，看到网上说的方法都是通过onSelectPage函数，获取对应的pageNumber和pageSize，然后调用后台传递json数据，但是我这边通过调用这个方法时，只有第一次调用的时候事件会触发，之后便不会再触发分页控件的方法。解决办法通过跟踪后台代码，发现通过onSelectPage函数传递到后台的数据，并不是改变后的数据，始终是一个数值。o(╯□╰)o，可能是我不太会用吧，后来还是通过后台代码，发现调用onSelectPage函数时，会自动传递一个page和rows参数，通过此参数即可。前台代码onSelectPage: function (pageNumber, pageSize) { $("#dg").datagrid({ "url": "Service/SettleKindService.ashx?func=getAllSettleKindByPage" }); }后台context.Request.Params["rows"] context.Request.Params["page"]
-
jqGrid单元格/行编辑模式下getRowData如何获取数据行 jqGrid API已经明说过，编辑模式下不要调用getRowData，要不得到数据行列信息包含的是单元格的innerHTML，而不是实际输入控件的值。参考jqGrid的源代码，getRowData的实现方法是遍历tr获取td的innerhTML。 getRowData在单元格和行编辑模式下受到影响，在表单编辑模式没问题，因为表单没有直接修改jqGrid生成输入对象，而是在新的控件中生成编辑对象。 要想在单元格和行编辑模式下getRowData返回实际的数据行，而不是包含html代码的内容，可以参考下面的。 对于单元格编辑，需要先还原或者保存此单元格，然后再调用getRowData方法，实现如下beforeEditCell:function(rowid,cellname,v,iRow,iCol){ lastrow = iRow; lastcell = iCol; } 在调用getRowData获取数据前，先保存/还原单元格$("#grid").jqGrid("saveCell",lastrow,lastcell);//保存单元格，切换为文本模式 //或者===> //$("#grid").jqGrid("restoreCell",lastrow,lastcell);//还原单元格，切换为文本模式 var recs=$("#grid").jqGrid("getRowData"); 对于行编辑模式，原理一样，还原正在编辑的行或者保存数据到内存中调用editRow时传递oneditfunc事件处理函数保存正在编辑的行的id$('#list4').jqGrid('editRow', rowid, true, function (rowid) { window.rowid=rowid; });在调用getRowData获取数据前，先保存/还原正在编辑的数据行jQuery("#grid_id").saveRow(rowid, false, 'clientArray'); //==>或者还原 //jQuery("#grid_id").restoreRow(rowid); var recs=$("#grid").jqGrid("getRowData");
-
div 监听 change事件 jQuery事件中的change()方法定义和用法当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。解决办法$("#ID").bind('DOMNodeInserted', function(e) { alert('change'); });
-
扩展jQuery实现金额千分位计数 实现代码 /* * @character_set UTF-8 * @author Jerry.li(hzjerry@gmail.com) * @version 1.2014.08.24.2143 * Example * <code> * alert($.formatMoney(1234.345, 2)); //=>1,234.35 * alert($.formatMoney(-1234.345, 2)); //=>-1,234.35 * alert($.unformatMoney(1,234.345)); //=>1234.35 * alert($.unformatMoney(-1,234.345)); //=>-1234.35 * </code> */ (function($) { $.extend({ /** * 数字千分位格式化 * @public * @param mixed mVal 数值 * @param int iAccuracy 小数位精度(默认为2) * @return string */ formatMoney:function(mVal, iAccuracy){ var fTmp = 0.00;//临时变量 var iFra = 0;//小数部分 var iInt = 0;//整数部分 var aBuf = new Array(); //输出缓存 var bPositive = true; //保存正负值标记(true:正数) /** * 输出定长字符串，不够补0 * <li>闭包函数</li> * @param int iVal 值 * @param int iLen 输出的长度 */ function funZero(iVal, iLen){ var sTmp = iVal.toString(); var sBuf = new Array(); for(var i=0,iLoop=iLen-sTmp.length; i<iLoop; i++) sBuf.push('0'); sBuf.push(sTmp); return sBuf.join(''); }; if (typeof(iAccuracy) === 'undefined') iAccuracy = 2; bPositive = (mVal >= 0);//取出正负号 fTmp = (isNaN(fTmp = parseFloat(mVal))) ? 0 : Math.abs(fTmp);//强制转换为绝对值数浮点 //所有内容用正数规则处理 iInt = parseInt(fTmp); //分离整数部分 iFra = parseInt((fTmp - iInt) * Math.pow(10,iAccuracy) + 0.5); //分离小数部分(四舍五入) do{ aBuf.unshift(funZero(iInt % 1000, 3)); }while((iInt = parseInt(iInt/1000))); aBuf[0] = parseInt(aBuf[0]).toString();//最高段区去掉前导0 return ((bPositive)?'':'-') + aBuf.join(',') +'.'+ ((0 === iFra)?'00':funZero(iFra, iAccuracy)); }, /** * 将千分位格式的数字字符串转换为浮点数 * @public * @param string sVal 数值字符串 * @return float */ unformatMoney:function(sVal){ var fTmp = parseFloat(sVal.replace(/,/g, '')); return (isNaN(fTmp) ? 0 : fTmp); }, }); })(jQuery);
-
Jquery获取checkbox属性checked为undefined {mtitle title="jQuery官方文档"/}As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on plain objects, arrays, the window, or the document. To retrieve and change DOM properties, use the .prop()method.{mtitle title="jQuery版本变化"/}v1.6以后attr(‘checked’)就返回checked和undefined,v1.6以前返回true和false,v1.6以后可以使用is(':checked')或者.prop('checked')来返回true和false
-
