asp.net mvc + ExtJs 实现无限级TreePanel 加载、添加、编辑、删除
以前用过Ext.tree.TreePanel 做过树形结构的查询绑定,感觉TreePanel还蛮好。
今天来尝试下 结合Ext.menu.Menu 菜单做一个增删改的功能,并实现无限级的绑定,如下图的效果:
第一步:TreePanel的无限级加载设计:
我的数据设计结构如下图:
第二步:后台获取级联数据结构,返回json数据类型:
[{"id":7,"text":"2011" , "leaf":
http://cyqdata.cn/cnblogs/article-detail-37440
ExtJS 4 组件化编程,动态加载,面向对象,Direct
ExtJS4终于出了正式版,体验一下面官方推荐的向对象编程最佳实践
过去的做法是new对象或者Ext.create一个对象,每个对象都要先实例化才能使用
ExtJS4推荐定义类的时候均使用Ext.define,利用xtype动态加载
修改了以前的一个登陆窗口,感觉用官方推荐的方法还是很不错的
但还有一些问题没有想得非常清楚,先把代码贴出来一起研究下。请看代码中的注释~~
使用Ext+.Net,用D
http://cyqdata.cn/cnblogs/article-detail-37291
JS的构造函数
//构造函数
//使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法
//当对象被实例化后,构造函数会立即执行它所包含的任何代码
function myObject(msg){
//特权属性(公有属性)
this.myMsg = msg;
http://cyqdata.cn/cnblogs/article-detail-37289
Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
前面介绍了ColumnTree:http://www.cnblogs.com/hoojo/archive/2011/05/11/2043426.html http://www.cnblogs.com/hoojo/archive/2011/05/11/2043453.html 加入CheckNodeColumnTree A、首先在AccountAction中添加如下代码: private
http://cyqdata.cn/cnblogs/article-detail-37260
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【二】
三、加入Struts2框架 1、 准备工作 添加jar文件如下: org.springframework.web-3.0.5.RELEASE.jar org.springframework.aop-3.0.5.RELEASE.jar 这2个jar包是spring的context所依赖的jar包 struts2-spring-plugin-2.2.3.jar是struts整合sprin
http://cyqdata.cn/cnblogs/article-detail-37235
JS的this真是好难理解啊,求高手指点
百度的前端面试题,代码如下: var a=5;function test(){ a=0; alert(a); alert(this.a); var a; alert(a);}test();new test();.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family:
http://cyqdata.cn/cnblogs/article-detail-37106
关于js中单引号(')和双引号(")的使用以及转义的理解
这几天一直在画页面,身为开发人员的我之所以要画页面是因为当前项目中的页面上所有的东西都是从数据库中取得的,也就是动态的,类似于我们设计自己的个人QQ空间,但因为是大型平台,有自定义业务的概念 ,所有更为复杂,在这就不多说了,我所谓的画页面就是如何把数据结合逻辑,变成HTML,其中遇到的最大的问题就是我今天要说的;
一个页面上有一个查询,当然查询的条件,字段类型都是动态的,要根据数据
http://cyqdata.cn/cnblogs/article-detail-37007
在ASP.NET MVC3 中利用JSONP跨域登录WEB系统(加强版)
本文为 在ASP.NET MVC3 中利用JSONP跨域登录WEB系统 这篇文章的改进版。在上文中首先感谢园友们的热心讨论。本文将对跨域登录进行一改进,改进内容如下:
跨域登录后不同系统之间的cookie管理。
主系统注销登录后子系统同步注销。
&
http://cyqdata.cn/cnblogs/article-detail-37003
跨域请求之JSONP 三
script请求返回JSON实际上是脚本注入。它虽然解决了跨域问题,但它不是万能的。
1,不能接受HTTP状态码
2,不能使用POST提交(默认GET)
3,不能发送和接受HTTP头
4,不能设置同步调用(默认异步)
...
其最严重的就是不能提供错误处理,如果请求的代码正常执行那么会得到正确的结果。如果请求失败,如404,500之类,那么可能什么都不会发生。这篇在上一篇的基础上将着重解决JSON
http://cyqdata.cn/cnblogs/article-detail-36974
关于JSBuilder2的使用.
最近开始做新项目,准备在项目中使用JSBuilder来进行文件管理.
到网上查了一下 最新的Builder2版本: http://www.sencha.com/products/jsbuilder
这个版本没有GUI,是一个命令行的版本 也不需要安装.
每个项目需要建立一个.jsb2的文件作为项目配置. 内容是JSON的,更合JSer的口味.哈哈.
程序运行需要JRE,没有的
http://cyqdata.cn/cnblogs/article-detail-36951
EasyNet.Solr系列:处理xml或者json格式返回数据
在上一边随笔EasyNet.Solr架构中,写道了EasyNet.Solr具有良好的扩展性,内置了对xml、json文本格式返回数据的处理。步骤如下: 1.定义ICodecFactory,由于xml、json都是基于文本的,所以我们使用TextCodecFactory。2.创建指定ICodecFactory的Solr连接ISolrConnection。3. 创建ISolrQueryOpe
http://cyqdata.cn/cnblogs/article-detail-36944
跨域请求之JSONP 二
续上篇,加两个实用功能
1,增加data属性,请求参数2,增加scope属性,可以让回调函数在指定的上下文中执行
接口如下
Sjax.load(url, {
data // 请求参数 (键值对字符串或js对象)
success // 成功后回调函数
scope // 回调函数执行上下文
timestamp // 是否加时间戳
});
示例
<!DOCTYPE HT
http://cyqdata.cn/cnblogs/article-detail-36921
SpringMVC 中整合JSON、XML视图一
SpringMVC中整合了JSON、XML的视图,可以通过这些视图完成Java对象到XML、JSON的转换。转换XML提供了MarshallingView,开发者只需用注入相应的marshaller、和属性配置,即可自动完成Java的Model对象中的数据到XML的编组。 Email:hoojo_@126.com Blog:http://blog.csdn.net/IBM_hoojo http:/
http://cyqdata.cn/cnblogs/article-detail-36867
SpringMVC 中整合JSON、XML视图二
上篇文章介绍了程序整合的准备工作、结合MarshallingView视图完成jaxb2转换XML、xStream转换XML工作,这次将介绍castor、jibx转换XML。 还有MappingJacksonView用Jackson转换JSON,自己拓展AbstractView定义Jsonlib的视图完成JSON-lib转换JSON。 上一篇文章:http://www.cnblogs.com/hoo
http://cyqdata.cn/cnblogs/article-detail-36860
一步一步教你搭建win7下的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
什么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释,可以自己去搜索了解下,服务器端js不是新技术,只是最近的node.js的火爆让他爆发了,我会在以后的文章里解释什么是node.js。这里只是纯粹的搭建,连环境都没有,还玩什么服务器端js,一切都成了浮云,让我们先搭建一个环境,输入一个“hello world”的页面。对的,win7下的搭
http://cyqdata.cn/cnblogs/article-detail-36769
Java 的JSON、XML转换方法——目录索引
JSON及XML的Java序列化、反序列化(转换)在WebService、Ajax数据传递中,用得比较多。如:在用ExtJS、jQuery、mootools以及一些WebService时,你可以需要用到JSON、XML,给前端传递JSON或XML数据。这个时候你就可以用下面的这些技术帮助你转换Java对象,这些技术都可以轻易完成。比你手动拼接字符前要方便、省事得多。JSON的传递数据相对XML要更
http://cyqdata.cn/cnblogs/article-detail-36766
新API解析JSON-Ajax之七
这是Ajax系列的最后一篇。
ECMAScript 5发布有段时间了,其中就包括了解析JSON的原生API-JSON.parse。许多浏览器已经支持了。主流JS库如JQuery,Ext,Prototype都优先使用JSON.parse,不支持该方法的浏览器则使用new Function或eval。 为何优先使用JSON.parse,我想一个就是性能,原生的总是要快一些吧。此外JSON.parse较
http://cyqdata.cn/cnblogs/article-detail-36742
Jackson 框架,轻易转换JSON
Jackson可以轻松的将Java对象转换成json对象和xml文档,同样也可以将json、xml转换成Java对象。 前面有介绍过json-lib这个框架,在线博文:http://www.cnblogs.com/hoojo/archive/2011/04/21/2023805.html 相比json-lib框架,Jackson所依赖的jar包较少,简单易用并且性能也要相对高些。而且Jackson
http://cyqdata.cn/cnblogs/article-detail-36582
QWrap简介之:apps果实篇之:扩展JS原生类
就像是一棵树有很多果实一样,QWrap也有很多apps,本文讲解"扩展JS原生类"的应用,即apps/core_retouched.js应用。本应用会对原生类进行扩展,方便用户操作原生对象,例如:String、Array、Function等。本应用的典型应用场景:jquery专注于dom,所以欠缺原生对象的操作,以及模块加载机制等。本库恰好能提供,并且与jquery无冲突存在。前面已有文章讲过co
http://cyqdata.cn/cnblogs/article-detail-36559
Jscex使用BSD授权协议正式发布
这次打算把Jscex好好搞一下了,其实很少会有技术方面的障碍能“轮到”我们去突破,但我觉得Jscex的确有机会,HTML 5、Node.js各个都是红火的玩意儿。前几天我花了两个晚上用半生不熟的中式英语写了一篇自认为比较完整的说明文字放到了Github上的项目首页上,没想到几个小时后便收到了StratifiedJS(一个与Jscex目标有些类似的项目)作者的邮件,提到了一些关于Stratified
http://cyqdata.cn/cnblogs/article-detail-36554