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
}
}
]
});

輸出畫面:



沒有留言:

張貼留言

[ASP.Net]GridView自訂分頁處理

  ASP.Net的GirdView在每次分頁處理時都會在重新抓取所有資料在進行分頁,遇到大量資料或是設計不良的情況下,在切換時頁面會卡住,造成使用者體驗不佳。 可以透過GirdView內建的參數以及SQL OFFSET語法來替代原先的分頁處理,以下為步驟說明 1.asp...