屬性編輯是低代碼平臺最常用的功能之一。屬性面板位于右側(cè)邊欄的下部，與“事件”、“樣式”組成多標(biāo)簽頁。

　　在屬性面板中，根據(jù)屬性值類型不同，采用不同的值編輯方式。下面逐一介紹這些值編輯方式。

　　A、文本

　　文本類型的屬性是最常用的。如果屬性是文本類型，則用文本框編輯屬性的值。例如：

　　B、數(shù)字

　　數(shù)字類型的屬性使用數(shù)字編輯框編輯。例如：

　　C、枚舉

　　有些屬性的值需要從固定的列表中選擇。這類屬性用下拉框編輯。下拉列表可以是固定的，也可以是從服務(wù)端加載的。這取決于控件。例如：

　　D、尺寸

　　對于尺寸類型的屬性，使用特殊的尺寸編輯框。尺寸可以分為兩類：像素、百分百。在尺寸編輯器中可以選擇。某些控件屬性只接收一種類型，另一種類型是禁用的。

　　E、布爾

　　布爾類型的屬性，使用滑塊按鈕編輯。按鈕灰色表示“false”，按鈕藍色表示“true”。

　　F、表達式

　　表達式類型的屬性值比較特殊。表達式是javascript格式的語句。根據(jù)屬性的不同，要求的表達式結(jié)果也不同。比如“是否顯示”屬性，要求表達式執(zhí)行結(jié)果是布爾值。

　　寫表達式的時候一定要注意，表達式內(nèi)的值一定要符合javascript規(guī)范，否則會導(dǎo)致表達式異常，從而使頁面加載失敗。比如字符串、日期時間要用英文單引號括起來的。

　　表達式中允許引用頁面定義的數(shù)據(jù)項。引用這些數(shù)據(jù)項時，要加this。限定符。例如頁面內(nèi)定義了一個名為“strval”的數(shù)據(jù)項，下面的表達式判斷strval的值等于'hello'時，才顯示控件。

　　G、數(shù)據(jù)項綁定

　　在低代碼平臺中，表單類的控件需要綁定數(shù)據(jù)項才能使用。這些控件的值是存儲在綁定的數(shù)據(jù)項中的。當(dāng)控件拖入頁面時，平臺會自動為控件創(chuàng)建數(shù)據(jù)項，并綁定。有時候，我們需要改變一個控件的數(shù)據(jù)項綁定。例如兩個控件綁定同一個數(shù)據(jù)項。這時候就需要手動修改數(shù)據(jù)項綁定。

　　數(shù)據(jù)項綁定屬性的編輯器是一個下拉框。下拉框中以樹狀結(jié)構(gòu)顯示頁面內(nèi)所有數(shù)據(jù)項。包括普通變量、計算值、頁面的參數(shù)等。

　　H、圖標(biāo)

　　某些控件有圖標(biāo)類型的屬性。例如按鈕控件，允許設(shè)置按鈕圖標(biāo)。圖標(biāo)屬性使用特殊的圖標(biāo)編輯器修改。圖標(biāo)屬性編輯器是一個文本框，右側(cè)有一個按鈕（）。點擊這個按鈕會彈出圖標(biāo)選擇對話框。在這個對話框中選擇圖標(biāo)。

　　I、鍵值對

　　鍵值對類型的屬性值，是JSON的數(shù)組結(jié)構(gòu)。數(shù)組每個元素都是一個JSON對象，至少有鍵和值兩個元素。鍵和值的具體名稱，根據(jù)不同控件，有所不同。有些控件中，這兩個名稱是可配置的。

　　JSON結(jié)構(gòu)允許多層，即每個數(shù)組元素還可以有自己的下層數(shù)組。這根據(jù)控件屬性的要求而定。

　　典型的鍵值對屬性，是下拉框的選項數(shù)據(jù)。下拉框的選項數(shù)據(jù)中的鍵和值名稱是可配置的。分別在值字段（選項數(shù)據(jù)中的鍵）、文本字段（選項數(shù)據(jù)中的值）屬性中配置。

　　點擊鍵值對編輯框右側(cè)的編輯按鈕““，可以打開鍵值對編輯對話框。在對話框中，用可視化方式編輯鍵值對數(shù)據(jù)。也可以直接編輯JSON數(shù)據(jù)。對話框右上角有使用幫助。

　　一般情況下，都是在屬性面板中，靜態(tài)編輯屬性的。如果希望在頁面運行時，使用腳本來實時改變屬性值�？梢詫�屬性做運行時綁定。

　　不是所有屬性都支持運行時綁定。只有部分屬性支持運行時綁定。例如文本框控件的標(biāo)簽、后綴標(biāo)簽、占位文本、選項數(shù)據(jù)等屬性支持運行時綁定。按鈕的按鈕文本支持運行時綁定。支持運行時綁定的屬性，在屬性編輯框右側(cè)有一個綁定按鈕”“。

　　A、綁定

　　將屬性做運行時綁定的方法，是在屬性編輯器中，點擊屬性后端的綁定按鈕。如下圖。

　　當(dāng)屬性沒有綁定為運行時數(shù)據(jù)項時，會顯示藍色的（）按鈕。點擊后，彈出確認框。點擊確定后，就綁定了運行時數(shù)據(jù)項。同時，按鈕變?yōu)榧t色的（）按鈕。

　　B、取消綁定

　　點擊紅色的取消綁定按鈕，就取消了屬性的運行時綁定。

　　C、查看綁定

　　所有已經(jīng)綁定的運行時屬性，都可以在數(shù)據(jù)項面板中查看。

　　D、初始值

　　已經(jīng)綁定的運行時屬性，屬性編輯器中設(shè)置的值作為屬性的初始值。

　　D、使用

　　在腳本編輯器中，通過”this。rt['控件ID']['屬性']“格式可以讀寫運行時屬性。同時，腳本編輯器也提供了自動補全的輔助功能。

　　低代碼平臺通過事件和腳本來完成業(yè)務(wù)功能。例如，當(dāng)點擊按鈕時，會觸發(fā)按鈕點擊事件。從而執(zhí)行編寫好的處理腳本，完成所需要的功能。

　　1）事件

　　事件面板在右側(cè)邊欄的下部。當(dāng)選中一個控件后，事件面板中列出這個控件的所有事件。

　　雙擊某個事件，或點擊這個事件右側(cè)的編輯按鈕”“，就可以切換到事件腳本編輯界面。在腳本編輯區(qū)域，可以編輯事件的腳本。

　　在工具欄右側(cè)按鈕中，點擊”腳本“按鈕，可以切換到腳本視圖。在腳本視圖中，可以檢索、編輯腳本，還可以添加自定義的方法。

　　腳本視圖分為兩部分：方法導(dǎo)航和編輯區(qū)。

　　方法導(dǎo)航中可以添加方法、刪除方法、檢索方法。這里列出的方法包括事件處理方法和自定義方法。檢索方法使用的條件可以是方法名、事件名、事件名拼音或拼音縮寫、控件ID、控件類型、控件類型拼音或拼音縮寫、方法內(nèi)容。方法列表的頂部是”所有方法視圖“。點擊這個視圖，可以在編輯器顯示所有方法的內(nèi)容，但是不能編輯。

　　編輯區(qū)內(nèi)可以編輯方法內(nèi)容。編輯內(nèi)容的時候，會有智能提示輔助功能。

　　U-Agent低代碼平臺是一款基于Web的快速業(yè)務(wù)實現(xiàn)平臺。使用U-Agent低代碼平臺配合U-Agent強大的平臺基礎(chǔ)能力，可以快速實現(xiàn)客戶的業(yè)務(wù)頁面。在U-Agent低代碼

　　低代碼平臺的樣式面板，在右側(cè)邊欄的下方，與”屬性“、”事件“組成多標(biāo)簽頁。

　　低代碼平臺提供兩種樣式編輯方式：可視化方式和CSS方式。

　　一般情況下，可以使用可視化方式編輯樣式，簡單方便。可視化方式支持背景色、邊框、字體大小、字體顏色、字體樣式、對齊方式、布局的編輯�？梢暬�編輯視圖的頂部，顯示當(dāng)前正在編輯的控件或控件內(nèi)元素。

　　某些情況下，需要修改可視化方式以外的樣式�；蛘邔�樣式做更高級的定制。這種情況下可以直接編輯CSS內(nèi)容。點擊樣式面板右上角的切換按鈕”“““就可以在可視化和CSS方式之間切換。

　　低代碼平臺用數(shù)據(jù)服務(wù)提供數(shù)據(jù)的訪問功能。通過編寫SQL語句的方式訪問數(shù)據(jù)。SQL語句在開發(fā)階段編寫。語句內(nèi)可以提供參數(shù)。運行時前后端交互中，沒有SQL語句，前端只向服務(wù)端傳遞數(shù)據(jù)服務(wù)名和參數(shù)。避免了安全問題。同時，參數(shù)是預(yù)先編譯的，避免了SQL注入問題。

　　低代碼平臺將頁面內(nèi)數(shù)據(jù)服務(wù)，封裝為數(shù)據(jù)對象（頁面內(nèi)的數(shù)據(jù)項）。從而簡化使用數(shù)據(jù)服務(wù)時的工作。使用數(shù)據(jù)服務(wù)對象有以下優(yōu)點：

　　1）簡化腳本代碼。一般情況下，使用數(shù)據(jù)服務(wù)對象不需要在then和catch中處理數(shù)據(jù)服務(wù)的返回和異常。數(shù)據(jù)服務(wù)對象將這些都做了封裝。包括參數(shù)取值、返回結(jié)果賦值給數(shù)據(jù)項、結(jié)果到控件的顯示、異常處理、日志記錄、消息提示等。

　　2）腳本更靈活。如果在某種情況下確實需要對結(jié)果進行處理，也可以使用then來實現(xiàn)。處理更加靈活。

　　3）簡化控件使用。常用控件對數(shù)據(jù)服務(wù)對象進行了適配，能夠自動處理數(shù)據(jù)服務(wù)對象的返回結(jié)果。

　　數(shù)據(jù)服務(wù)的測試如下圖：

　　查詢數(shù)據(jù)的操作如下圖：

　　在”界面“視圖，選中”查詢“按鈕。在右側(cè)的”事件“面板，雙擊”點擊“事件，為按鈕添加事件代碼。

　　在點擊事件的代碼中，輸入”this。ds$。“，會提示剛才添加的數(shù)據(jù)服務(wù)。如下圖：