easyui列表總結

2021-10-17 23:32:09 字數 1873 閱讀 5148

不使用fitcolumns:true, 時,列的寬度根據自己指定的寬度調整,當列太寬頁面展示不下所以列時,會出現橫向滾動條。

使用fit:'true'屬性,table會根據頁面自適應,在向下滾動時,表頭會自動凍結

"data_table"

class

="easyui-datagrid"

border

="0"

pagination

="true"

pagesize

='20'

rownumbers

="true"

data-options="

url: '$/***/***?status=4',

method: 'get',

rownumbers: true,

fit:'true',

idfield: 'id',

singleselect: true,

remotesort:false,

multisort:true,

*******:'#datagrid_*******'

">

>

>

data-options

="field:'id',width:100,hidden:true"

>

idth

>

data-options

="field:'warnid',width:100,hidden:true"

>

warnidth

>

data-options

="field:'categoryname',width:100,align:'center'

">

分類名稱th

>

data-options

="field:'warnname',width:150,align:'center',formatter:formatwarnname"

>

監控項名稱th

>

data-options

="field:'warnlevel',width:100,align:'center',formatter:formatlevel"

>

告警級別th

>

data-options

="field:'firstwarntime',width:150,sortable:true,align:'center',formatter:formatdate"

>

首次告警時間th

>

data-options

="field:'operatetime',width:150,sortable:true,align:'center',formatter:formatdate"

>

操作時間th

>

data-options

="field:'finishtime',width:150,sortable:true,align:'center',formatter:formatdate"

>

工單結束時間th

>

thead

>

table

>

scrollbarsize:0

easyUI總結部分

easyui總結部分 1 寫法 easyui可以有2種寫法。一種是直接寫標籤,方法是在標籤中加入 class easyui 型別 如class easyui tabs 另外一種寫法是現用標籤寫個簡單的input 或 div,然後在js檔案中寫 如 p panel 2 easyui 的屬性 方法 事件...

easyUI學習總結

easyui 使用步驟 引入jquery 引入easyui的js檔案 引入easyui主題包 引入自定義的 js 檔案 easyui語法 jquery 外掛程式語法 將元素生成為元件 selector 元件名 引數 呼叫元件的方法 selector 元件名 方法名 方法引數 需要注意的是 1.用 h...

EasyUI總結 EasyUI開發中遇到的坑

普遍 1.easyui在書寫鍵值對的時候要注意是否要加引號,在需要加引號的地方不加則無法渲染 datagrid資料網格 1.datagrid預設請求方式是post,如果要使用分頁功能pagination,則需要把請求方式method設為get 2.分頁功能的pagesize必須是pagelist陣列...