2020年4月13日 星期一

[Webix] 第一章:Introdution



Webix是一個Javascript UI組件庫,用於加速開發Web。

透過簡單設定即可在畫面上新增好看的控制元件,如下以下範例。

語法範例:
  • 建立一個簡單的HTML頁面,並且指定為HTML5的格式。
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="//cdn.webix.com/edge/webix.css" type="text/css">
<script src="//cdn.webix.com/edge/webix.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
/* place for UI configuration */
</script>
</body>
</html>
  • 定義 UI的屬性(這邊使用DataTable)
webix.ui({
rows:[
{ view:"template",
type:"header", template:"My App!" },
{ view:"datatable",
autoConfig:true,
data:{
title:"My Fair Lady", year:1964, votes:533848, rating:8.9, rank:5
}
}
]
});

輸出畫面:



沒有留言:

張貼留言

【.Net Core】 EF Core + Web API 實作

 EF Core是Entity Framework在.Net Core使用的版本,功能幾乎相同,但具有輕巧、高擴充性以及高效能等優點,建議各位學習。 通常在.Net Core如果要用ORM的方式會有兩種選擇分別是EF Core以及Dapper。 從其他網路文章可以看到這兩種在最新...