xtemplate

Vue组件 props

て烟熏妆下的殇ゞ 提交于 2020-12-17 15:37:49
组件是Vue最强大的功能之一;组件化编程,允许我们使用小型,独立,通用的可复用型组件构建大型应用;任何页面都可以抽象为组件树; <!-- 组件需要注册后才能使用。 注册有全局注册和局部注册两种方式 全局注册: 全局: 局部注册: 局部: 注册后的组件只是在该作用域下有效 父组件正向的向子组件传递数据和参数 用 props props的值 可以是两种 1,字符串数组 props:['message'] 2,对象 props: {} props中的数据来自父元素。data中的数据来自组件自己的数据。 两种数据都可以在computed,methods,template中使用 单项数据流 父组件将改变后的数据传递给子组件,反过来是不行的。 业务中需要改变props的情况 1,父组件传递初始值进来,子组件将他作为初始值保存起来, 在自己的作用域下面随意修改和使用。 props:['msg'], data() { return { message: this.msg; } } 2,props作为需要被改变的原始值传入可以使用计算属性 props:['msg'], computed: { message() { return this.msg; } } 由于HTML 不区分大小写,当使用DOM模板时候。骆峰命名的props的名称 转为短横线分隔符 showText ==> show-text

Ext复选框checkboxgroup的使用(含数据回填)

て烟熏妆下的殇ゞ 提交于 2020-04-22 00:37:10
工作中的案例,包含两种场景,看下效果图 新增: 修改(数据回填): 代码如下: {//最外层是form布局 columnWidth: 1, xtype: 'form', style: 'background: #fff;', layout: 'column', defaults: {//设置items中的默认项 columnWidth: 1, margin: '10 0 0', labelAlign: 'right', labelSeparator: ':' }, items: [ .... { xtype:'checkboxgroup', beforeLabelTextTpl: new Ext.XTemplate( '<span style="color: red;">* </span>' ), fieldLabel:'请选择下列选项', labelWidth: 115, columns:1, //一行展示几列 vertical:true, allowBlank:false,//是否允许为空 name:'checkBox' } ] } 在initComponent中注册afterrender事件,重点逻辑在initData方法中: initComponent: function () { var me = this; //可以在此处请求CheckBox选项数据,赋值到me

vue中is的作用和用法

不问归期 提交于 2020-03-12 11:10:11
is的作用 <ul> <li> </li> <li> </li> <li> </li> </ul> 总所周知,ul里面嵌套li的写法是html语法的固定写法(还有如table,select等)。 //code1 <ul> <my-component> </my-component> <my-component> </my-component> </ul> my-component是我们自己写的组件,但是html在渲染dom的时候,my-component对ul来说并不是有效的dom,甚至会报错。 is的诞生 正是因为html模板的限制,于是就诞生了is。接下来我们就用is解决上面的问题~ < ul > < li is = 'my-component' > </ li > </ ul > 首先你得注册my-component组件,全局或者局部都成。 <li is='my-component'></li>其实就相当于<my-component></my-component>,语义上是一样一样的,就是解决了html模板的限制。 is的用法 <component> + is 的骚操作 <!-- 组件会在 `件名` 改变时改变 --> < component :is = "组件名变量" > </ component > 只要在data里弄个变量,给变量赋值就能动态的切换组件

什么是拷贝构造函数?拷贝构造函数何时被调用

我的梦境 提交于 2019-12-16 21:55:20
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1.什么是 拷贝构造函数 : CA(const CA& C)就是我们自定义的 拷贝构造函数 。可见, 拷贝构造函数 是一种特殊的构造函数,函数的名称必须和类名称一致,它的唯一的一个参数是本类型的一个 引用变量 ,该参数是const类型,不可变的。例如:类X的拷贝构造函数的形式为X(X& x)。 当用一个已 初始化 过了的自定义类类型对象去 初始化 另一个新构造的对象的时候,拷贝构造函数就会被自动调用。也就是说,当类的对象需要拷贝时,拷贝构造函数将会被调用。以下情况都会调用拷贝构造函数: ① 程序中需要新建立一个对象,并用另一个同类的对象对它 初始化 ,如前面介绍的那样。 ② 当函数的参数为类的对象时。在 调用函数 时需要将实参对象完整地传递给形参,也就是需要建立一个实参的拷贝,这就是按实参复制一个形参,系统是通过调用 复制构造函数 来实现的,这样能保证形参具有和实参完全相同的值。 ③ 函数的返回值是类的对象。在 函数调用 完毕将返回值带回 函数调用 处时。此时需要将函数中的对象复制一个临时对象并传给该函数的调用处。如 Box f( ) //函数f的类型为Box类类型 {Box box1(12,15,18); return box1; //返回值是Box类的对象 } int main( ) {Box box2;

ExtJs XTemplate is not working with IE when it contains functions

流过昼夜 提交于 2019-12-12 06:57:30
问题 I am using ExtJs (4.2) I am facing an Issue that my XTemplate is not working with IE when it contains functions. Anyone can help. 回答1: I was not getting more help on this topic then I dig into it and found that apply function is not working perfectly for IE. xTemplate = new Ext.XTemplate(me.getTemplate(), { getCompanyDescriptionHTML: me.getCompanyDescriptionHTML }); xTemplate.apply(data)); What apply method do, it compiles the template and bind data in. I further investigated it and found