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

时间: 2024-11-29 00:31:21

webix.ui 对象原生方法(一)的相关文章

JavaScirpt对象原生方法

Object.assign() Object.assign()方法用于合并对象,只会合并可枚举的属性 const obj1= {a: 1} const obj2 = Object.assign({}, obj1) // 将一个空对象和obj1合并在一起,相当于你复制对象 obj1.a = 2 console.log(obj2.a) // 1 两个对象是独立的. const obj3 = {a: {b: 1}} const obj4 = Object.assign({}, obj3) // 将ob

像jq那样获取对象的js原生方法

使用过jq的童鞋非常喜欢jq获取对象的方法,只要$()就可以获取,在此我封装一个js获取对象的方法 [注意]只对chrome,Firefox,opera,Safari,ie8及ie8以上版本有效 function getEle(ele,index){   var obj = document.querySelectorAll(ele);    if(index){     if(obj.length ==1){      return obj;     }     return obj[inde

原生方法系列(查缺补漏 不断更新)

Function.call   Function.apply 将其他对象的方法"借用"在自己身上用(this)    Function.call 和Function.apply的行为非常相似  只不过是Function.call接受的参数列表 Function.apply接受的是参数数组 var friend = { food:0, eat:function(amount,money) { this.food = amount; console.log(money); } }//fri

JS中的对象和方法简单剖析

众所周知,在js中对象就是精髓,不理解对象就是不理解js. 那么什么事js中的对象呢? 在js中,几乎一切皆对象: Boolean ,String,Number可以是对象(或者说原生数据被认作对象): Dates ,Maths,Regexps,Arrays,Funcitons,当然Objects,这些都是对象: JS中,所有值,除了原生值,都是对象:这些原生值包括:strings,numbers('3.14'),true,false,null和undefined 对象是包含变量的变量,js变量可

[WPF] 动画Completed事件里获取执行该动画的UI对象

原文:[WPF] 动画Completed事件里获取执行该动画的UI对象 昨天群里有位童鞋提出如何在动画完成事件Completed里获取到执行该动画的UI对象. WPF里动画的Completed的本身并不会返回执行动画的UI对象,但我们可以利用附加属性Storyboard.TargetProperty来达到我们想要的效果. 步骤: 1 在执行动画前,先附加属性记录对象 DoubleAnimation ani = new DoubleAnimation(); ani.From = start; an

Android子线程更新UI主线程方法之Handler

背景: 我们开发应用程序的时候,处于线程安全的原因子线程通常是不能直接更新主线程(UI线程)中的UI元素的,那么在Android开发中有几种方法解决这个问题,其中方法之一就是利用Handler处理的. 下面说下有关Handler相关的知识. 多线程一些基础知识回顾:在介绍Handler类相关知识之前,我们先看看在Java中是如何创建多线程的方法有两种:通过继承Thread类,重写Run方法来实现通过继承接口Runnable实现多线程 具体两者的区别与实现,看看这篇文章中的介绍:http://de

NGUI创建Camera参数为Simple 2D的UI UI对象的结构UI Root(2D)

NGUI创建Camera参数为Simple 2D的UI UI对象的结构UI Root(2D) 使用NGUI创建的Camera参数为Simple 2D的UI,会在游戏的场景中生成1个名为UI Root(2D)的游戏对象,且此对象下还包含了3个其它对象:Camera.Anchor和Panel,如图1-4所示.本小节会分别介绍这4个游戏对象本文选自NGUI从入门到实战. 图1-4  在Hierarchy视图里查看新创建的UI游戏对象 1.4.1  UI Root(2D) 此游戏对象将负责控制UI控件的

android异步更新UI界面的方法

在android平台下,进行多线程编程时,经常需要在主线程之外的一个单独的线程中进行某些处理,然后更新用户界面显示.但是,在主线线程之外的线程中直接更新页面显示的问题是:系统会报这个异常,android.view.viewroot$calledfromwrongthreadexception: only the original thread that created a view hierarchy can touch its views. (只有原始创建这个视图层次(view hierach

通过js调用android原生方法

有时候我们有这样一个需求,监听html中控件的一些事件.例如点击html中某个按钮,跳转到别的activity,复制某段文本. 首先是对webview的设置: myWebView = (WebView) findViewById(R.id.myWebView); myWebView.getSettings().setJavaScriptEnabled(true); myWebView.addJavascriptInterface(new JavaScriptinterface(this), "a