ExtJs学习笔记(4)_EditorGridPanel(可编辑的网格控件)

这一节，我们将看到ExtJs功能强大的可编辑网格控件，几乎与VS.Net的GridView功能一样了，但是ExtJs的可是纯JS的UI

 

一.静态示例(改自ExtJs的官方示例)

a.因为我们是采用xml做为数据源的，这里贴出xml的内容

>

b.ExtJs调用页面

>

 

二.结合WCF动态读取
1.WCF服务端

        }

 

注意:为使linq to sql中的类支持WCF数据契约，还是要手动对类添加[DataContract]标志，对字段添加[DataMember]标志，否则无法序列化；另外对于System.DateTime类型的字段，最终序列化成xml时，格式类似<F_AddTime>2007-03-07T15:48:04</F_AddTime>，ExtJs不能正确识别这种格式，无奈之下，只好手动修改*.designer.cs文件中自动生成的T_Class类，把F_AddTime手动修改为System.String类型，同时人工处理返回格式，如下：

)]
        [DataMember]
        public string F_AddTime
        {
            get
            {
                return CNTVS.TOOLS.Utils.FormatDateString(this._F_AddTime,"yyyy-mm-dd");
            }
            set
            {
                if ((this._F_AddTime != value))
                {
                    this.OnF_AddTimeChanging(value);
                    this.SendPropertyChanging();
                    this._F_AddTime = value;
                    this.SendPropertyChanged("F_AddTime");
                    this.OnF_AddTimeChanged();
                }
            }
        }

这里，我调用了自己写的一个工具库的FormatDateString方法，当然大家也可以自己定义返回的格式，只要ExtJs能识别就可以了

2.前端页面，跟静态示例几乎一样，贴一下代码:

 

>

 转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2008/08/29/1279307.html