webix.ui 对象原生方法(一)

引言

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>

效果


2、以下代码在F12的console中测试

myButton =$$("myButton")

 

 

define:方法(可以定义对象属性的值)

refresh:方法(刷新控件)

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

myButton.refresh()

 

效果

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属性的内容是一样的

转载于:https://www.cnblogs.com/lijinxin/p/6013260.html

你可能感兴趣的:(webix.ui 对象原生方法(一))