随笔分类 - 前端设计
摘要：jqweui，0.8.2版本infinite存在bug，会存在下拉不触发的情况，解决办法： 源代码3730行附近 压缩后js代码：https://files.cnblogs.com/files/qidian10/jquery-weui.min.js 注意：仅针对0.8.2版本，高级版本的官方已修复
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=5569 一、Safari是新时代的IE6 在2年前介绍currentColor变量的时候就提过Safari的问题，就是伪元素hover时候的currentColor不渲染， 像这种I
阅读全文
摘要：基本上每个web应用，都会牵扯到内容编辑，尤其是移动的web应用，微信开发之类的。页面内容自定义是最常用的功能了，之前大部分解决方案都是采用富文本框编辑器kindeditor，ueditor，ckeditor等来实现，但此类编辑器，仍需要应用管理者具备一定的html知识才能设计一个比较不错的页面。
阅读全文
摘要：A页面通过ajax加载数据，并且是滚动加载效果，当滚动几个屏幕之后，进入新的链接页面B，再返回到A的时候，A页面的数据有需要重新加载，从头开始了，体验非常不好。 解决办法：1）hash；2）html5的history特性；3）localstorage/cookie等，综合而看localstorage
阅读全文
摘要：系统涉及到商品，往往就有规格的存在，一个商品多个规格需要去维护，如何通过js的方式快速构造出商品规格编辑的排列组合？整体思想是逐个规格往下合并的方式，核心js代码如下： 示例：
阅读全文
摘要：FancyTree非常优秀的树控件 examples：http://wwwendt.de/tech/fancytree/ 如何将树节点的选中状态保存下来，无论刷新页面还是，ajax重复请求，都保持在上一次状态呢？ FancyTree提供状态持久化保存扩展，方案如下： https://github.c
阅读全文
摘要：jquery.pjax 是一个很好的局部刷新插件，但实际应用过程是还是会有很多小问题，部分问题解决如下： 1.pjax 局部加载时候，IE 存在缓存问题，很容易理解，pjax是通过jquery的ajax加载局部内容的，默认cache=true，这会导致ie下get数据从缓存中获取，解决办法是设置pj
阅读全文
摘要：人总是比较刁的，世界的时尚趋势不断变化，对系统UI的审美也在不断疲劳中前进，之前觉得好好的UI，过了半年觉得平平无奇，不想再碰，需要寻求新的兴奋点。下面这套UI就是半年前的（今日：2015-12），感觉已经落伍了，贴出来已告别一个阶段，如果有喜欢的可以联系我领养，(*^__^*) 嘻嘻……UI框架名...
阅读全文
摘要：具体原因不清楚，应该是与新版的sass有关。目前的处理方法就是安装原来的版本gem uninstall compassgem uninstall sassgem install sass –v "3.2.10"gem install compass –v "0.12.2"这样就可以消除上述错误了。
阅读全文
摘要：http://saas.chinacloudtech.com题记三年磨一剑，在企业信息化的道路上已经走了3年之久了，3年多时间里做了很多，突破了很多；有无奈和辛酸，也有收货与喜悦；自我价值也在不断的提升当中，经过多达半年之久的时间，提炼出一套适合企业信息化软件开发的框架产品【WebMisCentra...
阅读全文
摘要：通过Extjs MVC结构做好页面后，加载过程中发现，会瞬间白屏，然后呈现extjs界面的问题，当类似页面放置到iframe中时，会显得非常怪异。可通过下图体验下。当我单击“意见反馈”菜单，在右侧打开的页面，会瞬间白屏，然后显示。解决这个问题后，再看效果，非常平滑，不会有瞬间的白屏出现。问题解决方案：app.js加载问题/****有白屏的情况****/Ext.onReady(function () { Ext.application({ name: "WMC", appFolder: appUrl + "Suggestion", autoCreateV.
阅读全文
摘要：var Cookies = {};Cookies.set = function (name, value) { var argv = arguments; var argc = arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : '/'; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; docum.
阅读全文
摘要：当我们操作treeview的时候，新增节点，如果成功则新增node，如果失败的话我们不想node还显示出来，可以通过监听sync的failure事件，失败时候移除node，但是第一次肯定达到了预期效果，这时候如果我们再新增一个node，也是失败的情况，就会触发两个事件，一个是本次的node add，另一个是上次的node delete。http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.data.NodeInterface-method-removeAPI介绍，移除树节点的时候可以通过node.remove(true),来禁止触发delete方法，但是每
阅读全文
摘要：1.项目架构如下：/Application /ext--框架核心文件 /common--共享 /resources--共享资源 /src--共享js（例如，多个模块共享一个store等） /model /store /view /Page1 M、S、V、C /Page2 M、S、V、C2.关于前端共享js，例如一个共享一个下拉框的store，那么可以将这个store的js文件提取到common文件夹，放到/application/common/src/store/Test.js同时修改Test.js中类的声明方式，例如叫做Ext.d...
阅读全文
摘要：网络中提供的方法是：但这个方式存在一个bug，纯单元格的合并，不管是不是一组的，例如下面的表格，合并出来就有问题：1AE1AE1AE2BE2BE2BE3BE3CE如果用上面的代码合并就变成这个样子了： 1AE 2B 3 C 我们希望是： 1AE B 2BE 3BE C 所以只需要做少许变更便可达到目的，在合并的时候判断上下单元格值得时候携带左边的单元格一起判断：修改后的代码如下：function _w_table_rowspan(_w_table_id, _w_table_colnum) { _w_table_firsttd = ""; ...
阅读全文
摘要：ST2.2版本竟然又改变了sass中自定义图标的添加方式，在2.2以前采用的是这种base64的方式，详见：http://www.cnblogs.com/qidian10/archive/2012/11/19/2776953.html但ST2.2.1中所有的图标icon都采用字体的形式展现，也就是说你看到的并不是图片，而是一种字体。Sencha Touch采用http://pictos.cc/font/作为图标库，类似的字体图标库还有很多。那么采用font的形式，我们如何自定义自己的icon呢？其实比以前更简单了比如说你想用第一排的第3个图标，那么它对应的字符是“c”，你只需要将下面的css加
阅读全文
摘要：当在treegrid中，锁定treecolumn列的时候，是无法通过执行getView().getChecked()获取选中的节点的，这是tree的一个bug，详见：http://www.sencha.com/forum/showthread.php?264678官方也明确的给出了解决方案：我们只需要在获取view的时候稍加判断，该bug即可解决，代码如下：var viewTree=this.getModuleGrid().getView();if(viewTree.lockedView){//核心代码 viewTree = viewTree.lockedView;}var checkedN.
阅读全文
摘要：最近做MVC开发的，遇到一个蛋疼的问题，每次加载模块都需要耗时3~4秒钟，才可以显示出完整的页面，通过监控，发现主要还是在Controller里慢，加载js文件等都是非常快的，但一到controller里面，绘制各种view就非常慢了。最后经过黄大师的指点，偶然间发现，自己不经意间的习惯，会拖慢如此多的效率。第一大秘诀：严格按照extjs官方的user demo来做规范尤其是注意选择器的使用。例如alias: 'widget.systemgrid'，这里的systemgrid，一定要小写，否则效率要拖慢n倍，我就是因为这个的地方全都和类名一样大写而导致加载奇慢（3、4秒的样子）
阅读全文
摘要：上篇文章中http://www.cnblogs.com/qidian10/p/3209439.html我们介绍了如何使用Grid的查询组建，而且将查询的参数传递到了后台。那么我们后台如何介绍参数，并且转换为EntityFramework的条件呢？首先我们获取Ext.ux.grid.feature.Searching的参数，上篇文章中我们很容易发现，查询传递到后台的是fields和query参数，其中fields是参加查询的列数组，query是关键字。首先我们定义个类，接收参数namespace ElegantWM.EntityModel{ public class ExtGridSear...
阅读全文
摘要：背景Extjs4.2 默认提供的Search搜索，功能还是非常强大的，只是对于国内的用户来说，还是不习惯在每列里面单击好几下再筛选，于是相当当初2.2里面的搜索，更加的实用点，于是在4.2里面实现。国际惯例，先上图参考文献https://gist.github.com/aghuddleston/3297619/http://gridsearch.extjs.eu/国外的大牛已经帮我们实现了在4.0中的应用，但是到4.2还需要做少许变更才可以使用。修改后的源代码如下[复制如下代码，放到ux/grid/features/Searching.js]：// JavaScript Document//
阅读全文
