Coolite/Ext JS/Ext.NET
关注
分享
扫一扫
文章平均质量分 67
llxchen
这个作者很懒，什么都没留下…
展开
-
Coolite一个简单例子-GridPanel列表增删改预览
本篇教程:Coolite Toolkit中文站首发。我从http://www.cnblogs.com/magical/archive/2009/10/27/1590701.html转载。 这个例子只是Coolite一个很简单的应用,我相信新手学习还是用的到的.也给大家带个头,写篇新手教程.GridPanel就不作介绍了,asp.net开发人员应该比较熟悉了.官方的GridVi原创 2009-11-18 10:33:00 · 3309 阅读 · 10 评论 -
使用Ext.net或者ExtJS时，如何在调用Grid.save()或者Store.save()传递更多的参数到后台
<br />使用Ext.net或者ExtJS时，如何在调用Grid.save()或者Store.save()传递更多的参数到后台？<br />以前使用Ext.net时，经常直接调用Stroe的Save()方法触发OnBeforeSaveChange事件在后台批量保存Grid的数据，但有时候可能需要传递非Grid之外的参数，方法如下：<br /> <br />store1.save({params:{参数名1:{值},{参数名2：{值}}}}<br /> <br />例如 ：DetailStore.save(原创 2011-06-02 10:42:00 · 2844 阅读 · 0 评论 -
ext store
Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件，无论是Grid还是ComboBox，都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。Ext.data.Store中有一个Ext.data.Record数组，所有数据都存放在这些Ext.data.Record实例中，为后面的读取和修改操作做准备。Ext.data在命名空间中定义了一系列store、reader转载 2011-06-03 14:29:00 · 5363 阅读 · 2 评论 -
如何使用FormPanel的SetValues方法加载EntityFramework实体类数据到FormPanel上
前面提到，由于Coolite中使用的JSON转换方法在转换EF实体时出错，导致不能直接使用FormPanelBase的SetValues(object o)方法，我查阅了一下SetValues的源码，通过扩展方法的方式为FormPanel附加了一个SetEntityValues方法，这个SetEntityValues方法使用前文中的自定义转换JSON方法，详情见：http://blog.youkuaiyun.com/llxchen/archive/2011/05/04/6393547.aspx扩展SetEntityVa原创 2011-05-04 11:53:00 · 1938 阅读 · 0 评论 -
(Ext.net1.0)ColumnTree使用过程
效果图： JS,refreshTree是为了在需要的时候重新刷新树： var refreshTree = function (tree) { Ext.net.DirectMethods.RefreshTree({原创 2011-07-06 10:28:10 · 2119 阅读 · 3 评论 -
Ext.Net License 问题
本文转载自cnblogs,原文：http://www.cnblogs.com/qidian10/archive/2011/06/30/2093917.html 目前公司内部绝大多数的.Net Web系统都是采用Ext.net这个牛逼Ajax库开发的。最近又刚刚做了一套报表系统，基转载 2011-07-11 15:49:58 · 4825 阅读 · 3 评论 -
Extjs VType自带的几种默认验证
1.alpha //只能输入字母，无法输入其他（如数字，特殊符号等）2.alphanum//只能输入字母和数字，无法输入其他3.email//email验证，要求的格式是"langsin@gmail.com"4.url//url格式验证，要求的格式是http://ww原创 2011-08-04 17:51:47 · 1912 阅读 · 0 评论 -
Ext.net Grid拖动行排序，【最上】【最下】【上移】【下移】按钮排序
对于GridPanel中拖动选中行排序的实现，网上有不少ExtJs实现的例子，但是没有找到使用Ext.net实现的，正好最近有个需求要使用，干脆来写一个。DEMO功能说明：1、拖动GridPanel选中行到新位置排序。2、在拖动结束后，重新会选中前面拖动的行。原创 2011-10-16 10:56:06 · 4259 阅读 · 2 评论 -
Ext.net TreePanel的Checkbox操作及父子联动
需求：在使用Ext.net的TreePanel时，我们需要使用节点的Checkbox联动状态：当选中一个树节点的Checkbox时，需要让它的父节点设为选中，并同时选中他所有的子节点。当取消一个树节点的Checkbox选中状态时，需要同时取消它所有子节点的选中状态。很多资料上作用node.getUI().checkbox.checked = true/flase;方式来设置原创 2012-08-29 11:43:29 · 3965 阅读 · 1 评论 -
Ext.Tree 各种属性
1、Ext.tree.TreePanel主要配置项：root：树的根节点。rootVisible：是否显示根节点，默认为true。useArrows：是否在树中使用Vista样式箭头，默认为false。lines：是否显示树线，默认为true。loader：树节点的加载器，默认为Ext.tree.TreeLoader。selModel：树的选择模式，默认为Ext.t转载 2012-08-28 11:48:48 · 3708 阅读 · 0 评论 -
如何获取TreePanel中勾选了CheckBox的节点集合【Ext.Net 1.0】
<br /><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="SuperString.BMS.Web.WebForm1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><%@ R原创 2011-01-10 14:54:00 · 3669 阅读 · 2 评论 -
Coolite/Ext.net1.0 VType自定义验证扩展集合(持续更新......)
Coolite/Ext.net1.0 自带的VType验证只有几种，不满足日常开发中的需要，所以为了以后使用方便，将常用到的自定义验证收集在一起，以后有新的验证，都会增加进来。JS文件：VType.jsExt.apply(Ext.form.VTypes, { onlyLetter:function (v) { var regu = '^[A-Za-z]+$'; var re = new RegExp(regu); if (r原创 2010-11-08 16:16:00 · 1931 阅读 · 3 评论 -
常用的JS验证正则表达式
<br />原文地址：Here<br /> <br />匹配中文字符的正则表达式： [u4e00-u9fa5]<br />评注：匹配中文还真是个头疼的事，有了这个表达式就好办了<br />匹配双字节字符(包括汉字在内)：[^x00-xff]<br />评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）<br />匹配空白行的正则表达式：ns*r<br />评注：可以用来删除空白行<br />匹配HTML标记的正则表达式：< (S*?)[^>]*>.*?|< .*? /><br />转载 2010-11-08 10:08:00 · 785 阅读 · 0 评论 -
Ext 核心 API -- Ext.getCmp
getCmp( String id ) : Component通过id得到一个Component对象<!-- function InitDialog() { // 生名组件 new Ext.Panel({ renderTo:"hello-dialog",转载 2010-01-27 00:22:00 · 4891 阅读 · 1 评论 -
使用Coolite.AjaxMethods.XXX局部刷新Microsoft的GridView
1.需求起因 由于目前项目中使用了Coolite的很多控件布局，而以前有些功能实现依敕于MS的GridView,更头疼的是公司以前专门用于页面表单处理的Editor在Coolite，MS的UpdatePanel相结合的时候不能正常工作，所以引出了这个用Coolite的Ajax方法（其它的Ajax方法也可）刷新GridView的问题。2.功能说明 我需要一个类型Gri原创 2009-12-21 12:45:00 · 2728 阅读 · 5 评论 -
Coolite自定义验证,VType
前些天，由于项目功能需要。尝试使用Coolite控件的自定义验证，VType，我项目的开发环境是VS2005+MySql，使用的是Coolite 0.8。在网上查到一些关于Ext的自定义验证使用的方法，不过在我的项目中遇到一些问题，具体情况如下：看到网上的朋友们在使用VType进行自定义验证的时候都如：http://www.cnblogs.com/DNNCenter/archive/2009/08/08/1542018.html处理的（详情请见这个链接，就不详细写了） 而我项目中遇到的问题：问题1.原创 2010-07-12 11:20:00 · 1554 阅读 · 1 评论 -
在Coolite中动态添加有图标的Tab
使用Coolite中的TabPanel的Tab时，如果为Tab指定Icon，则该Tab便会出现我们指定的图标，但是在动态添加时则不行。仔细检查了一下原因，发现Icon这个属性应该是Coolite自己扩展的，而在ExtJs中并无此属性，必须使用IconCls属性来处理。原创 2010-08-13 00:40:00 · 1790 阅读 · 2 评论 -
GridPanel中的时间格式处理
在GridPanel中的时间字段格式如果不控制的话，是这样的：2008-8-15T16:08:46，很明显这不是我们中国人需要的格式。要控制这个格式需要注意：1.Store的时间类型的字段注明为Date类型：........原创 2010-08-15 16:48:00 · 2506 阅读 · 4 评论 -
如何获取JS变量类型
<br />//取Js变量的类型 function getParamType(param) { return ((_t = typeof (param)) == "object" ? Object.prototype.toString.call(param).slice(8, -1) : _t).toLowerCase(); }<br /> <br />该方法返回值为小写，比如"string","date".......原创 2010-09-20 11:27:00 · 2659 阅读 · 0 评论 -
ExtJs的Date的Add使用方法
例如：如果添加5天，则add(Date.DAY,t);添加2个月，add(Date.MONTH,2);添加1年，add(Date.YEAR,1); 下面是ExtJs API中对Date的描述：// Basic usage:var dt = new Date('10/29/2006').add(Date.DAY, 5);document.write(dt); //returns 'Fri Nov 03 2006 00:00:00'//原创 2010-09-28 14:24:00 · 5777 阅读 · 2 评论 -
如何让Grid单元格中的内容超长时自动换行显示？
<br />Ext的Grid在默认情况下，单元格中的内容超长时会显示成： XXXXX.....，省略号为未显示出来的内容，但在某些时候，我们需要让内容自动换行显示，可参考下面这种方法：<br /> <br />写一个Renderer<br /> //呈现Grid单元格内容时，如果内容超长，则换行显示 var renderAutoNewLine = function(v) { return "<div style="word-wrap:break-word;word-break: b原创 2010-09-28 14:19:00 · 6848 阅读 · 3 评论 -
为Ext/Coolite中的GridPanel加网格线
<br /> /*显示竖线 .x-grid3-cell-inner{ border-right:1px solid #eceff6; }*/ /*与表头对齐*/ .x-grid3-row td, .x-grid3-summary-row td{ padding-right: 0px; /*显示竖线*/ border-right:1px solid #eceff6; /原创 2010-09-28 14:12:00 · 2633 阅读 · 0 评论 -
自定义Ext/Coolite的GridPanel的交替行颜色
<br />GridPanle默认就有交替行颜色，但今天群里的朋友说那颜色太淡了，想自定义设置，我看了下，如果要自定义交替行的颜色，我通过IE8自带的开发者工具看到GridPanel的行主要有以下Css：<br /> <br /> .x-grid3-row为GridPanel行样式，<br /> .x-grid3-row-alt为GridPanel交替行的样式<br /> .x-grid3-row-first为首行样式<br /> .x-grid3-row-last为最后一行样式。<br /> <b原创 2010-09-29 19:46:00 · 2285 阅读 · 3 评论 -
Coolite 0.8/Ext.net1.0更换主题
在Coolite控件中(0.8名为Coolite，1.0更名为Ext.net1.0）要更换皮肤的方法。Ext.net 1.0的处理方案：我在Client端使用一个ComboBox放置可供选择的主题方案，代码如下：原创 2010-09-29 18:24:00 · 4657 阅读 · 8 评论 -
extjs4 tab 样式修改
原文：extjs4 tab 样式修改默认的extjs tab给人感觉不够大气，修改了哈样式表tab-bar.css:JS CODE：/* CSS Document */.ui-tab-bar{ padding-top:1px;}.ui-tab-bar .x-tab-bar{ background:#FFF !important; b转载 2013-07-26 15:24:42 · 3592 阅读 · 0 评论