引言 webix.js被壓縮後很多字母不清楚是什麼用處,看源碼整理了部分出來,以button為例 1、button代碼 效果 2、以下代碼在F12的console中測試 define:方法(可以定義對象屬性的值) refresh:方法(刷新控制項) 效果 D 和 C:兩個都是定義屬性值的,define ...
引言
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屬性的內容是一樣的