ext.js学习

1.ext.js教程:https://www.w3cschool.cn/extjs/extjs_overview.html

2.Ext.grid.GridPanel属性及方法:https://www.cnblogs.com/hqyj/p/7818209.html

3.ext.js 中的数据表格中的

renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){

}
1.value是当前单位格的值
2.cellmeta里保存的是cellId单位格id,id是列号,css是这个单位格的css样式。
3.record是所在行数据,你想要什么,record.data["id"]就获得了。
4.rowIndex是行号,不是从头往下数的意思,而是分页后的成果。
5.columnIndex列号。
6.store,这个是你创建表格时辰传递的ds,也就是说表格里所有的数据,你都可以随便调用,

4.ext.js中date时间格式处理:

model层:
{name: 'createtime',type:'date',mapping:'createtime',dateFormat:'Y-m-dTH:i:s'}, 
这样写,表格输出:
Tue Jul 15 2014 08:00:00 GMT+0800 (中国标准时间)

可以这样写:
model层:{name: 'createtime',type:'date',mapping:'createtime'}
view层:
{ header: '创建时间', dataIndex: 'createtime', editor:{ xtype: 'datefield', format : 'Y-m-d TH:i:s'}, renderer:new Ext.util.Format.dateRenderer('Y-m-d TH:i:s')}


时间字母代表意思:

年
    Y    年的数字表示,4位数字,例如1999
    y    年的两位数字表示,例如99或03
    o    ISO-8601年的数字表示(与Y相同,但是如果ISO周的数W属于前一年或者下一年,那么就用那个    年)例如1998或者2004
    L    是否是闰年。1表示是闰年,否则0


月 
    F    月份的全称。Januray到December
    M    月份文本的简写。Jan到Dec
    m    月份的数字表示,0开始。例如 01 到 12
    n    月份的数字表示,不以0开头。1到12

周
    D    表示星期中天的缩写。例如,Mon到Sun
    l    跟D一样,不过是全称,例如Sunday到Saturday
    w    一周7天的数字表示0(周日)到6(周六)
    N    ISO-8601一周7天的数字表示。1表示Monday(周一)到7表示Sunday(周日)
    W    ISO-8601一年中周的数字表示。每周从周一开始计的。所以有01-53,顺序标记了53个周


日
    d    以0开头的两位数字,表征了一个月中的天。例如,01到31
    j    跟d的内容一样,只不过不用0开头。例如,1到31
    t    给定月份内的天数。28到31
    S    英文中叙述的后缀,用来表示一个月的天时候用,2个字符,跟j可以良好配合。例如,st,nd,rd,或者th(1st,2nd,3rd,4th)
    z    一年365天的数字表示,从0开始。即0-364,闰年则是0-365


上下午
    a    AM和PM的小写。例如,am或者pm
    A    AM和PM的大写。例如,AM或者PM


时
    g    不以0开头的12小时格式,1到12
    h    以0开头的12小时格式,01到12
    G    不以0开头的24小时格式,0到23
    H    以0开头的24小时格式,00到23


分
    i    以0开头的分钟表示,00到59


秒
    s    以0开头的秒表示,00到59
    u    秒的小数部分。至少一位数字,多了不限。例如001表示0.001秒。999表示0.999秒。12312312表示0.12312312秒。
    U    从Unix纪元开始(January 1 1970 00:00:00 GMT) 到现在的秒。例如1193432466 
    Z    当前时区与UTC相比相差的秒数,如果在UTC西边就是负数,东边就是正数。-4300到50400


时区
    O    与格林威治时间的时间差。例如+1030
    P    带冒号的与格林威治时间的时间差。例如-08:00
    T    运行当前代码机器所处的时区的缩写。例如EST,MDT,PDT
    c    ISO8601的日期表示(注意,如果秒有小数部分,则至少1位数字,多了不限。

 

1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 6、Function类 ………………………… 6 7、Ext.Element类 ………………………… 7 8、Ext.DomQuery类 ………………… 13 9、Ext.DomHelper类 …………………… 14 10、Ext.Template类 …………………… 14 11、Ext.EventManager类 ……………… 15 12、Ext.EventObject类 ………………… 15 13、Ext.CompositeElement类 ………… 16 14、Ext.CompositeElementLite类 ……… 16 15、Ext.Fx类 …………………………… 16 16、Ext.KeyNav类 ……………………… 19 17、Ext.KeyMap类 …………………… 19 18、Ext.util.JSON类 ……………………… 20 19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… 21 22、Ext.util.TextMetrics类 …………… 21 23、Ext.XTemplate类 ………………… 21 24、Ext.data.Connection类 ……………… 22 25、Ext.Ajax类 ………………………… 22 26、Ext.data.Record类 ………………… 23 27、Ext.data.DataProxy类 …………… 24 28、Ext.data.HttpProxy类 …………… 24 29、Ext.data.MemoryProxy类 ……… 25 30、Ext.data.ScriptTagProxy类 ………… 25 31、Ext.data.DataReader类 ……………26 32、Ext.data.ArrayReader类 …………… 26 33、Ext.data.JsonReader类 …………… 26 34、Ext.data.XmlReader类 …………… 27 35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 40、Ext.Action类 ……………………… 35 41、Ext.Button类 …………………… 36 42、Ext.SplitButton类 ……………… 38 43、Ext.CycleButton类 ……………… 39 44、Ext.form.BasicForm类 …………… 40 45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext.menu.Adapter类 ……………… 51 59、Ext.menu.Item类 ………………… 51 60、Ext.menu.CheckItem类 …………… 51 61、Ext.menu.Separator类 ………… 52 62、Ext.menu.TextItem类 …………… 52 63、Ext.Toolbar类 …………………… 55 64、Ext.Toolbar.Item类 ……………… 56 65、Ext.Toolbar.Separator类 ……… 56 66、Ext.Toolbar.Spacer类 …………… 56 67、Ext.Toolbar.TextItem类 ……… 56 68、Ext.Toolbar.Fill类 ……………… 56 69、Ext.grid.ColumnModel类 ……… 58 70、Ext.grid.PropertyColumnModel类 … 59 71、Ext.grid.GridView类 …………… 59 72、Ext.grid.GroupingView类 ………… 60 73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值