随笔分类 -  前端设计

摘要:本案例使用了Ext.Tree.Panel的如下知识点:1.刷新、重新加载Tree,定位到上次的节点位置2.Tree的右键操作3.Extjs4.x Tree获取当前选中的节点4.新增、修改、删除Tree节点5.修改tree节点的属性,例如text,iconCls,leaf等6.treedata rest proxy7.treeStore.sync的同步回调方法8.Extjs4.x Tree获取父节点,获取子节点Chirldrens9.Extjs4.x TreePanel的展开,收缩10.Extjs4.x Tree的拖拽操作treeviewdragdrop插件,响应类型有before,after, 阅读全文
posted @ 2013-07-01 17:30 jackchain 阅读(4526) 评论(3) 推荐(2) 编辑
摘要:Ext.data.IdGenerator.get('uuid').generate()结果:a9c4efb8-06c9-4c2e-8a70-bb36a69e053e更多介绍:http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.UuidGenerator 阅读全文
posted @ 2013-06-30 23:00 jackchain 阅读(1258) 评论(0) 推荐(0) 编辑
摘要:跟Extjs3.0不同Extjs4.2的写法如下:idPath = selNode.getPath("id"); tree.getStore().load({ node: tree.getRootNode(), callback: function () { tree.expandPath(idPath, 'id'); } }); 阅读全文
posted @ 2013-06-30 22:59 jackchain 阅读(687) 评论(0) 推荐(0) 编辑
摘要:refs:Object[]5Array of configs to build up references to views on page. For example:Ext.define("MyApp.controller.Foo",{ extend:"Ext.app.Controller", refs:[{ref:'list', selector:'grid'}],});这将会产生一个this.getList()方法,该方法会通过Ext.ComponentQuery去页面中获取组件为grid的组件The followi 阅读全文
posted @ 2013-06-27 12:27 jackchain 阅读(1034) 评论(0) 推荐(0) 编辑
摘要:Extjs4.x中已经取消了组件Ext.Tree.TreeFilter功能,却掉了树形结构的过滤功能,要实现该功能只能自己写了.Tree节点筛选UI很简单,一个Tbar,一个trigger即可解决问题,剩下的是逻辑代码了。1.tbar没啥好解析的2.trigger几个比较重要的属性 triggerCls:文本框右侧的按钮样式,主要有4种 x-form-clear-trigger // the X iconx-form-search-trigger // the magnifying glass iconx-form-trigger // the down ... 阅读全文
posted @ 2013-06-25 23:18 jackchain 阅读(2922) 评论(2) 推荐(0) 编辑
摘要:Ext.define('WMS.controller.Org', { extend: 'Ext.app.Controller', stores: ['OrgUser', 'OrgTree'], models: ['OrgUser'], views: ['OrgTb', 'OrgTree', 'OrgUserGrid'], refs: [ { ref: 'orgTree', selector: 'orgTree' }, { ref: &# 阅读全文
posted @ 2013-06-18 16:16 jackchain 阅读(1054) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/qidian10/archive/2013/05/28/3104828.html根据上一篇文章,我们选择iframe的方式进行开发,那么也就必须对以前autoload方式的目录结构进行项目重构,重构的过程中,充分参考Sencha CMD中的所提到的Workspace和mutil-page application架构方式,最终调整后的项目目录结构如下所示:整个项目的js等资源统一放到application(即workspace)文件夹下面,application文件夹可通过sencha cmd生成,下存放如下内容:1.common,通用资源(图片,样 阅读全文
posted @ 2013-06-16 00:13 jackchain 阅读(688) 评论(0) 推荐(0) 编辑
摘要:背景随着富客户端框架的盛行,以及众多优秀的前端js框架,很多情况我们会遇到跨域的问题,而js的ajax请求是不允许直接跨域访问的,当然你会说可以用JSONP等,但是由于代码洁癖,不想在前端和后台添加callback,而且很多情况你是无法控制的,需要牵连考虑太多的情况。所以我直接绕过了,每个前端应用,自带一个通用后端服务代理,该服务解决跨域问题,自动代理帮前台获取跨域的数据。如何算跨域虽然是个老问题,但是还是要提醒注意下两点:同IP,不同端口,数据访问是跨域的,但是Cookie访问是可以的(这个让我很难理解)解决,源码 CookieContainer cookieContainer = ... 阅读全文
posted @ 2013-04-28 10:53 jackchain 阅读(2573) 评论(3) 推荐(2) 编辑
摘要:很多客户对kindeditor编辑器中的图片操作不熟,上传图片完成后,不注意图片宽度问题,往往造成图片宽度超出内容区域,使得一部分图片被隐藏,不友好。为解决这个问题,让上传的图片自动适应内容区域的宽度,修改了下upload_json.ashx代码,很简单如下://大概是91行的位置,图片保存完成,操作imgFile.SaveAs(filePath); String fileUrl = saveUrl + newFileName; Hashtable hash = new Hashtable(); hash["error"] = 0; ... 阅读全文
posted @ 2013-04-03 11:41 jackchain 阅读(685) 评论(0) 推荐(0) 编辑
摘要:随着企业信息化的推进,企业信息系统越来越多,在没有SSO的前提下,造成登陆url暴增,往往每个系统都需要单独的登陆,这给用户造成了很多不必要的麻烦,用户体验差,为此Portal应运而生了,解决企业的门户问题,时下比较牛逼的Portal主要是IBM的,集成单点登陆应该算是比较牢靠的技术,但IBM投入成... 阅读全文
posted @ 2012-06-06 23:41 jackchain 阅读(8402) 评论(34) 推荐(4) 编辑
摘要:/**************************************************名称:iMetro HD版本:2.0.0.1时间:2011年1月21日作者:崎仔变更:版本:2.1.0.1时间:2012年5月7日作者:陈杰(JackChain)**************************************************//**************************************************公共样式**************************************************/#EntryTag { 阅读全文
posted @ 2012-05-07 10:48 jackchain 阅读(743) 评论(0) 推荐(1) 编辑
摘要:我的广告单元,有空点一下哦,谢谢!*文本框验证,您可以根据需要添加限制 * *xtype的类型:numberfield 数字,combo 下拉框,datefield 日历,radiogroup,单选 *checkboxgroup 复选,textarea 文本域,timefield 时间,CJ_starthtmleditor 扩展的富文本框编辑器 * *vtype:"email", email格式验证 *vtypeText:"不是有效的邮箱地址", 错误提示信息,默认值我就不说了 * *form验证中vtype的默认支持类型 *1.... 阅读全文
posted @ 2011-08-17 23:51 jackchain 阅读(730) 评论(0) 推荐(0) 编辑
摘要:我的广告单元,有空点一下哦,谢谢!该窗体的js代码如下,(事前,请引用Itemselector相关的js文件,相css,图片,等)Ext.namespace("Neo");Ext.namespace("Neo.frontdesk");Neo.frontdesk.SendMsg = Ext.extend(Ext.Window, {title : '消息发送',layout : 'fit',width : 650,height : 320,id : 'sendmsgWin',draggable : true,m 阅读全文
posted @ 2011-08-17 23:19 jackchain 阅读(705) 评论(0) 推荐(1) 编辑
摘要:我的广告单元,有空点一下哦,谢谢!MVC3.0刚入门,所有的都在摸索中,官方的MUSIC也无心看,只能做一个功能海搜一下。最近做了一个局部刷新的功能,功能大致是根据页面左侧的内容,刷新右侧的Grid信息效果图片:单击左侧后:(单击时候右侧将会出现加载效果)这里是实现逻辑,代码1.首先主页面////////////////////////////////////////////////////////////////////////////主页面内容@model System.Data.DataTable@{ ViewBag.Title = "RFID无线订货系统"; Lay 阅读全文
posted @ 2011-07-27 11:18 jackchain 阅读(4597) 评论(1) 推荐(4) 编辑
摘要:我的广告单元,有空点一下哦,谢谢!采用JQuery的fancybox实现便签留言板。关于fancybox的介绍请参看:http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/demo:http://demo.tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/demo.php照旧先看效果图:关于fancybox的使用,我已经全封装到文件夹中了,看如何使用呢?1.首先下载文件夹http://files.cnblogs.com/qidian10/fancybox.rar2.解压 阅读全文
posted @ 2011-06-24 16:21 jackchain 阅读(3442) 评论(13) 推荐(2) 编辑
摘要:数据分页一只是一个老生常谈的问题,只要是做系统开发,一般都会牵扯到。最新学习了Razor,用到分页功能,分享下如何实现Ajax分页。1.准备工作 网上有现成的分页工具MVCPager,最新的是1.5版本,综合比较后感觉这个控件还是蛮好的,决定采用 MVCPager源码和Demo:http://mvcpager.codeplex.com/releases/view/64098 源码中采用了Linq,由于自己项目没用Linq,所以对MVCpager稍作了修改,修改后的dll:MVCWeb.rar 其实就改了一个地方,数据类型由IQuery改成IList,加入一个TotalCount(总记录数量)参 阅读全文
posted @ 2011-06-20 16:06 jackchain 阅读(6786) 评论(14) 推荐(3) 编辑
摘要:-基础-所有以 @开头 或 @{ /* 代码体 */ } (在@与{直接不得添加任何空格) 的部分代码都会被ASP.NET引擎进行处理.在 @{ /*代码体*/ } 内的代码每一行都必须以";"结束,如@{ var i = 10; var y = 20;}而 @xxx 则不需要以";"作为结束符,如@i 输出 10@y; 输出 20;代码区内字母分大小写.字符类型常量必须用""括起例如: @{ string str = "my string"; }-注意-如需要在页面输出”@”字符可以使用HTML ASCII编码& 阅读全文
posted @ 2011-06-20 13:29 jackchain 阅读(1387) 评论(6) 推荐(0) 编辑
摘要:以后所有WebMisDeveloper的更新,都将放到这篇文章中....请大家留意。目前WebMisDeveloper的版本为4.5.2版本,刚刚更新过的2011-03-08声明:由于采用Extjs源码编写的应用系统,需要编写大量的js,没有那么多精力写js,所以以后的默认更新均指Ext.net(第三套)框架的更新第三套框架采用的是Ext.net的,也就是Extjs的开源控件库,能实现可视化的编写,后期的二次开发非常的方便,一般能满足中小型系统的应用本次更新的内容:---Version 4.5.2---BUG删除模板库里面的表无法删除---BUG解决Ext.net框架最后提示文件夹删除失败-- 阅读全文
posted @ 2011-03-08 15:54 jackchain 阅读(3588) 评论(28) 推荐(6) 编辑
摘要:我的广告单元,有空点一下哦,谢谢!在Ext.net的官方Demo里面,有两个页面是比较奇怪的(Ext.net 多表头 插件),分别为:http://examples.ext.net/Examples/GridPanel/MultiHeader/Filter/http://examples.ext.net/Examples/GridPanel/MultiHeader/Overview/在GridPanel》MutiHeader里面,在官方网站上这个两个运行完全没有问题,但是在自己的项目上运行,却提示“div 未定义”,代码跟官方的完全一样,无论在IE还是FireFox里面均报错。最后下载Ext. 阅读全文
posted @ 2011-03-03 15:48 jackchain 阅读(1947) 评论(3) 推荐(1) 编辑
摘要:我的广告单元,有空点一下哦,谢谢!Ext.Net官网的DeskTop有点慢,我拿过来稍稍做了下修改,其实主要是把不必要的数据加载去掉了,精简了一下,使得所有窗体都是加载Iframe文件,而且改成动态加载窗体,而不是将所有的东西都写在那一张主页面中,效率感觉提升了点,能和Jquery的Desktop媲美了。计划下一步把角色,权限,用户管理等加入到DeskTop中,期待......运行效果图,只要按下F11,全屏浏览器,就跟操作自己桌面一样了我已经做好了UI,需要的话只需要复制到您的项目中就可以了进行扩展了。其中画红框的是必须的文件源码下载地址:http://files.cnblogs.com/q 阅读全文
posted @ 2011-01-25 16:08 jackchain 阅读(4525) 评论(6) 推荐(5) 编辑

点击右上角即可分享
微信分享提示