javascript
kanpiaoxue
这个作者很懒,什么都没留下…
展开
-
javascript数组partition的分隔功能
在JavaScript中会遇到想将大的数组切割为小数组的情况。 function partition(arr, length) { var result = []; for (var i = 0, j = arr.length; i < j; i++) { if (i % length === 0){ result.p...原创 2018-06-27 17:39:14 · 795 阅读 · 0 评论 -
easyui datagrid 添加toolbar
[{ text: '增加', iconCls: 'icon-add', handler: function () { } },{ text: '修改', iconCls: 'icon-edit', handler: function () { } },{ text: '删除', iconCls: 'icon-remove', handler: function () { } },...原创 2014-11-13 16:27:14 · 417 阅读 · 0 评论 -
select2 插件的选项无法选中
select2 是一个可以自动补全的插件。官网地址:http://ivaynberg.github.io/select2/ 使用“Loading Remote Data”的例子,利用ajax从服务器端获得json数据,展现在select2上面。发现一个问题:不能选择这些选项。原始代码如下: $('#searchTasksSelectId').select2({ wi...原创 2014-11-07 15:52:33 · 1792 阅读 · 0 评论 -
Cookie长度超长的异常问题 net::ERR_EMPTY_RESPONSE
最近3个月发现一个问题。我设计的系统,我无法访问,其他人都可以。今天彻底的找了一下原因。原因如下:我是系统管理员,还是系统中每个团队的管理员。这些信息都被写到了cookie中,引起浏览器和服务器处理异常。错误信息如下:net::ERR_EMPTY_RESPONSE处理方案:将我从各个团队管理员里面删除,cookie变小,问题解决。 ...原创 2016-09-28 17:53:45 · 1934 阅读 · 0 评论 -
ajax/javascript先后台传递对象参数
在做spring MVC开发的时候,我需要在页面的JavaScript中将js对象拼接成后台spring Controller需要接收的Javabean对象。示例如下: /** * 更新团队资源 * * @param response * @param teamResource */ @RequestMapping...原创 2015-08-27 14:53:34 · 200 阅读 · 0 评论 -
easyui datagrid checkbox 多选获取的数据不正确
问题描述:easyui datagrid checkbox进行多选的时候,获取的数据与选择的数据不一致,有的时候一条数据,有的时候多条数据。根源:easyui datagrid 设置了 idField 列造成的。解决:使用好 idField 列,或者去掉这个配置。如下: $('#dg_taskgrid') .datagrid( { remoteS...原创 2015-07-09 20:20:32 · 458 阅读 · 0 评论 -
javascript格式化日期Date
function dateFormat(date,fmt) { // author: meizz var dateObject = null; if (date.constructor == Date){ dateObject = date; }else if(date.constructor == Number){ dateObject = new Date(date)...原创 2015-07-09 17:44:25 · 108 阅读 · 0 评论 -
为EasyUI 的Tab 标签添加右键菜单
<div id="mm" class="easyui-menu" style="width:150px;"> <div id="mm-tabclose" name="1">关闭标签页</div> <div id="mm-tabcloseall" nam原创 2015-05-20 16:57:15 · 175 阅读 · 0 评论 -
javascript 获得URL里面的参数
<script>function getConditionFromUrl(url,key){ var position = url.indexOf('?'); if(position > 0){ var tempUrl = url.substring(position + 1); var arr = tempUrl.split('&'); ...原创 2014-03-12 18:15:51 · 76 阅读 · 0 评论 -
Extjs grid 得到选中行的列数据
function getSelectedTableName() { var grid = Ext.getCmp('tempTableGridId'); var rowSelectionModel = grid.getSelectionModel(); if (rowSelectionModel.hasSelection()) { var record = rowSelectio...原创 2014-02-26 13:30:06 · 527 阅读 · 0 评论 -
select2 清空数据
select2.js 没有清空数据的API,下面的方法可以间接的提供该功能。$('#memberKey').select2('data', null);原创 2014-12-17 11:45:26 · 1009 阅读 · 0 评论 -
Jointjs 在Chrome浏览器升级到v.48版本之后报错Uncaught TypeError: this.node.getTransformToEleme...
[现象]近期发现使用Chrome(版本v.48)浏览器访问dmap.xxx.com的时候发现异常情况,表现为图形界面报错,不能正常使用。Chrome的报错信息如下:Uncaught TypeError: this.node.getTransformToElement is not a function[原因]经过CDC RD同学的定位,发现Chrome v.48的版本进行大...原创 2016-02-25 10:32:05 · 415 阅读 · 0 评论 -
javascript 的输入框输入多条英文逗号分隔记录触发 ajax 的技巧
我们有的时候会让用户在一个 html 是 textarea 的空间中输入很多记录,如:员工的编号。随着记录是输入需要和后台进行交互。但是我们希望交互的次数是合理的,减少后台系统的压力。场景举例:我们有一个 web 页面需要用户在textarea输入人员的手机号码,可以输入多个号码使用英文逗号分隔,在textarea的键盘 keyup 事件中我们希望用户输入手机号码(一般最短的是11位,可能...原创 2017-10-20 20:44:07 · 850 阅读 · 0 评论 -
about easyui datagrid load twice
about easyui datagrid in 1.4v load twice easyui datagrid 加载数据的时候总是加载2次,这是它的一个BUG。解决方案如下:http://www.jeasyui.com/forum/index.php?topic=3720.0原文 写道Quote from: stworthy on September 03, 201...原创 2018-05-23 20:16:35 · 199 阅读 · 0 评论 -
javascript的base64操作
有的时候我们也会遇到在js里面进行base64的操作。function b64EncodeUnicode(str) { // first we use encodeURIComponent to get percent-encoded UTF-8, // then we convert the percent encodings into raw bytes which...原创 2018-04-08 17:03:50 · 136 阅读 · 0 评论 -
How to hide or show textbox and combobox
目前的easyui不支持 extbox 和 combobox 直接的隐藏,需要进行扩展。代码如下:$.extend($.fn.textbox.methods, { show: function(jq){ return jq.each(function(){ $(this).next().show(); }) ...原创 2018-04-08 16:08:26 · 126 阅读 · 0 评论 -
easyui控件easyui-datebox的日期显示为MM/dd/yyyy改为yyyy-MM-dd
今天使用 easyui-datebox 控件,发现它的默认格式是:02/07/2018 ,可是中国人习惯的格式应该是:2018-02-09。 怎么处理呢?在写一个format的函数来处理?后来我发现在js的引用的时候,加入本地化的js即可。加入:<script type="text/javascript" src="jquery-easyui/locale/easyui-lang-...原创 2018-02-09 12:30:19 · 1257 阅读 · 2 评论 -
将日期字符串转换为日期(Date)对象
日期字符串:2018-02-07 17:09var dateString = '2018-02-07 17:09';date = new Date(dateString.replace(/-/g, "\/"));console.trace(date, date.constructor);// Wed Feb 07 2018 17:09:00 GMT+0800 (CST) ƒ Dat...原创 2018-02-07 17:13:02 · 4226 阅读 · 0 评论 -
easyui的组件获得焦点
easyui的组件获得焦点,需要多注意组件的继承关系。在combobox组件中并没有focus的方法,它继承自textbox,但是textbox也没有这个focus方法。那么该如何让它们获取焦点呢?如下:// 对于 textbox 控件getJqueryObj().textbox('textbox').focus();// textbox 控件还可以在获取焦点之后选中内容...原创 2018-02-07 16:53:31 · 1025 阅读 · 0 评论 -
javascript克隆clone
参考地址:https://www.cnblogs.com/zouhao/p/7278117.html function clone(obj) { // Handle the 3 simple types, and null or undefined if (null == obj || 'object' != typeof obj) { return...原创 2018-02-06 16:10:08 · 64 阅读 · 0 评论 -
jquery easyui添加、关闭、刷新Tab页
应用地址:http://chengyong.iteye.com/blog/1846455 define(function(require, exports, module) { if (!window.cms) window.cms = {}; cms = { //添加新Tab页 addT...原创 2017-11-01 15:58:01 · 664 阅读 · 0 评论 -
ajax向springmvc传递对象参数
我们在使用前端的ajax技术过程中,有的时候简简单单的向后台的springmvn传递参数,直接使用如下代码即可:(jquery的ajax代码)var options = { url: 'helloworld', method: 'get', dataType: 'json', data: { teamId: 123 },...原创 2017-10-26 11:15:42 · 1023 阅读 · 0 评论 -
Extjs form 验证
var form = Ext.getCmp('createTempTableFormId');if(!form.form.isValid()){confirmWarning('请输入必要的内容');return;}原创 2014-02-26 13:29:01 · 89 阅读 · 0 评论 -
extjs 触发Button的click事件
首先有一个按钮,并且有监听click的事件var button_1 = new Ext.Button({ text : "button", listeners :{ click : function(){ alert("111"); } }});var button_2 = new Ext.Button({ text : "button...原创 2014-02-11 18:10:11 · 2860 阅读 · 0 评论 -
Javascript call和apply的区别
<script> /** * call: 它的第一个参数用作this的对象,其他的参数都直接传递给函数本身。 * apply:它有两个参数。第一个参数是用作this的对象,第二个参数是传递给函数的参数的数组。 * */function Person(name,sex){ this.name = name; this.sex = sex;}...原创 2014-05-03 21:46:02 · 50 阅读 · 0 评论 -
Ext Treepanel 刷新
Ext.getCmp(treeId).root.reload();原创 2013-12-25 09:56:04 · 451 阅读 · 0 评论 -
Ext Treepanel 得到选中的节点
var tree = Ext.getCmp('getSharedFromOthersTree');var sm = tree.getSelectionModel();var node = sm.getSelectedNode() ;alert(node.attributes.text);sm.clearSelections() ;//清空选择区,并返回选择区中的节点//参...原创 2013-12-25 09:39:54 · 589 阅读 · 0 评论 -
JavaScript 去掉数组中的空字符串
/** * <pre> * @param str * @returns {Array} 用逗号,将string进行分割,形成一个数组 * </pre> */function splitToArrayWithoutBlank(str){ var arr = str.split(','); return skipEmptyElementForA...原创 2013-12-20 15:49:56 · 1413 阅读 · 0 评论 -
JavaScript 数组最大值最小值
/** * <pre> * @param arr * @returns 返回数字数组arr中的最大值 * </pre> */function getMaxFromArray(arr){ return Math.max.apply(null, arr);}/** * <pre> * @param arr * @re...原创 2013-12-20 15:43:04 · 85 阅读 · 0 评论 -
JavaScript 生成随机颜色
/** * <pre> * @returns {String} 生成随机的颜色字符串 * </pre> */function getRandomColorString(){ return '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6);} ...原创 2013-12-20 15:42:12 · 76 阅读 · 0 评论 -
Ext multiselect多选框
在Ext里面经常会用到多选的组件: multiselect我这里给出的是Ext 3.1.1的例子。里面有些地方需要注意,我会在下面进行说明下面是HTML<html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> ...原创 2013-12-20 13:14:54 · 603 阅读 · 0 评论 -
Ext ComboBox
// 一个简单的Array数组的Combovar store = new Ext.data.ArrayStore({ fields: ['key','value'], data : [[1,'饼状图'],[2,'折线图']] }); var combo = new Ext.form.ComboBox({ store: store,...原创 2013-12-19 16:47:24 · 85 阅读 · 0 评论 -
Ext2.x~3.x 获取 Ext.PagingToolbar 当前页数方法
/** * function 获取当前页数(ExtJs 3.x) * @return {number} */ Ext.PagingToolbar.prototype.getPageNumber =function(){ return this.inputItem.getValue(); } /** * function 获取当前页数(...原创 2013-12-18 18:02:55 · 293 阅读 · 0 评论 -
Javascript StringBuilder
<script>/** * @author: kanpiaoxue * Description: 模拟Java的StringBuilder */function StringBuilder(str){ this.arr = []; if(str){ this.arr.push(str); }}StringBuilder.prototype...原创 2014-05-03 22:24:16 · 79 阅读 · 0 评论 -
Http GET 传递中文参数乱码的解决方法
在写http的get请求的时候,在URL里面我加入了汉字的参数,结果传递到后台就是乱码。该如何解决这个问题呢?需要在GET传递汉字参数之前用js的encodeURI()方法将该URL进行压码,然后在后台java程序中对其进行解码q = URLDecoder.decode(q, "UTF-8"); 这样就可以解决这个问题了。...原创 2014-05-04 14:37:00 · 504 阅读 · 0 评论 -
Javascript 正则表达式获取分组数据
var url = 'http://localhost:8080/datamarket/tableList?search=%E6%8F%90%E4%BE%9B%E6%95%B0%E6%8D%AE%E8%A1%A8%E5%8F%8A%E5%AD%97%E6%AE%B5%E7%9A%84%E6%9F%A5%E8%AF%A2';re = /^(.+?)#$/;var r = re.exec...原创 2014-05-05 21:30:28 · 270 阅读 · 0 评论 -
解决Extjs3上传文件Chrome解析Json错误问题
今天用ExtJS 3.1 进行文件上传,参照的是它的ext-3.1.1\examples\form\file-upload.js 的例子。用的浏览器是Google的Chrome,发现一个BUG。我的后台程序返回的json是下面的形式:{"errors":"","success":true} 浏览器始终报错,告诉我JSON的格式不正确。一直想不明白为什么。我在Chrome浏览器里...原创 2014-01-23 19:07:07 · 196 阅读 · 0 评论 -
Ext3.x TreePanel 单击树枝节点,展开该节点
//在TreePanel上面添加click的监听器事件listeners : { click : function(n) { var attrs = n.attributes; if (attrs.leaf) {//如果是叶子 //do something } else {//如果是树枝 n.toggle();//展开树枝节点 } }}...原创 2014-01-23 15:59:44 · 448 阅读 · 0 评论 -
Ext Grid store 加载完数据之后的动作
有的时候我们需要明确的知道Ext中Grid的store加载完数据的那一刻。需要在加载完的这一刻来触发一些动作。Ext提供了该动作的回调方法。下面的这段描述摘自Ext3.1的文档描述:load( Object options ) : Boolean 采用配置好的Reader格式去加载Record缓存,具体请求的任务由配... 采用配置好的Reader格式去加载Record缓存,...原创 2014-01-21 17:27:59 · 1445 阅读 · 0 评论 -
extjs 获取Dom对象
Ext.getCmp('centerObject').getEl().dom 参考:http://www.cnblogs.com/zhxhdean/archive/2011/08/29/2158021.html原创 2014-01-21 15:59:37 · 244 阅读 · 0 评论