月丶
EXT一些踩坑记录
2021-4-6 月丶


官方文档:https://docs.sencha.com/extjs/6.5.3/index.html



别人总结的文档:



常用控件属性:https://www.cnblogs.com/knowledgesea/p/3284404.html



xtype类型总览:https://blog.csdn.net/ldl22847/article/details/7236474







使用EXT版本为:6.5.3







1、定义一个页面组件后,可直接在组件内使用父级页面的viewmodel内的数据。







2、可定义一个store,然后修改其url,减少重复定义store







3、ext图片列表展示的问题,可使用xtemplate方式



var imageTpl = new Ext.XTemplate(

    '<tpl for=".">',

       '<div style="margin-bottom: 10px; margin:18px;float:left" class="thumb-wrap">',

          '<img width="150" οnclick="showimg(this)" height="180" src="{pattachmentimgpath}">',

          '<br/><span align="center">{pattachmentname}</span>',

        '</div>',

     '</tpl>'



)



实际使用中我发现像上面那样无法给img添加点击的监听事件,我的解决方法是事件委托,使用imageTpl的父级添加监听点击,用事件委托的方式来判断是否点击图片。







4、grid里面操作列



使用renderer方式返回a标签,拼接html标签,来进行点击传参,传参只能传递字符串类型,所以可以使用JSON.stringify转换为字符串,到这里还是不行,因为会有特殊字符,会报错,需要再使用encodeURIComponent进行加密,在接收的地方解密在转换就OK了。

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容