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

最新推荐文章于 2022-11-13 13:37:28 发布

ancuosu0220

最新推荐文章于 2022-11-13 13:37:28 发布

阅读量232

点赞数

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/lijinxin/p/6013260.html

版权

引言

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

ancuosu0220

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webix.ui 对象原生方法（一）

引言webix.js被压缩后很多字母不清楚是什么用处，看源码整理了部分出来，以button为例1、button代码<!DOCTYPE html><html><head> <link rel="stylesheet" href="../codebase/webix.css" type="text/css" m...
复制链接

扫一扫