复合组件 - 简书

复合组件

1、调用组件时可以修改：

把标签拖进去，设置id，然后在几口中，属性上右击新建属性，跳出框，然后写上属性名字，绑定上id，然后选择text文本，确定，这样调用组件时，就可以修改了。

2、公开方法：

return hwDate.getValue(true);

返回组件的值，写true 是为了返回一个时间格式：2019-06-19，不写true，获取的就是 Tue Jun 11 2019 00:00:00 GMT+0800 (中国标准时间)
这是个固定写法。

1、定义按钮点击事件

捕获.PNG

虽然在接口处给按钮新建了个事件 queryclick，但是并没有调用它。
点击button 按钮，并在属性面板，事件上双击，进入编写事件调用它
如下：

var page =this;   //代表当前作用域，在当前环进下都可以拿到，
function button_click(sender,e){
 page.fireEvent('queryclick',sender)  
}

queryclick ：是在接口上新建的事件名，
fireEvent() ：代表触发事件
sender：代表本身的，
这样，这个按钮就可以触发了，点击就可以出东西了，
例：

function MainViewport_beforerender(sender) {
}
function button_click(sender, e) {
  alert(hwFhzj.getksrqValue())
  alert(hwFhzj.getJsrqValue())
  //记录日志信息 
  //vmd.webBase.syslog(loginfo,logtype,operationtype,function(res){}) }
function hwFhzj2_queryclick(sender){
  alert(23)
}

但是这没什么意义，点击按钮出 23

所以要在按钮组件添加参数
分两步：
第一步：点击按钮，在属性面板的事件上双击，

跳出如下框：

上面划横线的两个方法：
getksrqValue(); 和getJsrqValue();
这两个方法在定义hwFhzj组件时开放出来的。就是先获取文本框的日期，然后赋给下面，当做参数传值。

第二步：事件中添加两个参数

这样组件就准备完成了。

这样加上两个参数之后，在重新添加这个组件，
就会出现三个参数的方法：

function MainViewport_beforerender(sender) {
}
function button_click(sender, e) {
    alert(hwFhzj.getksrqValue())
    alert(hwFhzj.getJsrqValue())
    //记录日志信息 
    //vmd.webBase.syslog(loginfo,logtype,operationtype,function(res){}) 
}
function hwFhzj2_queryclick(sender){
    alert(23)
}
function hwFhzj21_queryclick(sender,ksrq,jsrq){
    alert(ksrq)
    alert(jsrq)
}

两个圈中的，效果是一样的。