webix.ui 对象原生方法（一）

时间：2021-10-16 12:56:55

引言

webix.js被压缩后很多字母不清楚是什么用处，看源码整理了部分出来，以button为例

 

1、button代码

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="../codebase/webix.css" type="text/css" media="screen" charset="utf-8">
    <script src="../codebase/webix.js" type="text/javascript" charset="utf-8"></script>
    <title>测试页面</title>
</head>
<body>
<div id='layout_div' style='width:600px; height:600px; margin:20px;'></div>
<script type="text/javascript" charset="utf-8">
    webix.ui({
        container:"layout_div",
        view:"button",
        id:"myButton",
        label:"按钮"
    });
</script>
</body>
</html>

效果

webix.ui 对象原生方法（一）
2、以下代码在F12的console中测试

myButton =$$("myButton")

 

 

define：方法（可以定义对象属性的值）

refresh：方法（刷新控件）

myButton.define("label","按钮的新名字");

myButton.refresh()

 

效果

webix.ui 对象原生方法（一）

D 和 C：两个都是定义属性值的，define就是调用这两个方法实现的功能 

           其中 D的参数为单个属性如:  myButton.D("label","D方法改变属性值");

           C能改变多个属性值，参数为对象myButton.C({"label","C方法改变属性值"});

e:调用的是c 参数为两个对象 如 myButton.e({"label":"e方法改变属性值"},{"id":"newId"});

E: 把一个后一个对象，扩充到前一个对象   如  t= {a:"a"}  e = {b:{b1:"b1",b2:"b2"},c:"c"}     执行myButton.E(t,e)后   t的值为{a:"a",b:{b1:"b1",b2:"b2"},c:"c"}

s: 属性和config属性的内容是一样的

标签：

相关文章