EasyUI dbgrid 筆記(1)
$('#tt').datagrid({
toolbar: '#ftitle',
rownumbers: true,//设置为 true,则显示带有行号的列。
onClickRow: myrow,
singleSelect: true,//设置为 true,则只允许选中一行
checkOnSelect: true,//如果设置为 true,当用户点击某一行时,则会选中/取消选中复选框。如果设置为 false 时,只有当用户点击了复选框时,才会选中/取消选中复选框。
fitColumns: true,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
collapsible: true,
//selectOnCheck 如果设置为 true,点击复选框将会选中该行。如果设置为 false,选中该行将不会选中复选框。
//pagination: true,//设置为 true,则在数据网格(datagrid)底部显示分页工具栏。
分頁部分可以再研究
striped: true,//设置为 true,则把行条纹化。(即奇偶行使用不同背景色)
//sortName string 定义可以排序的列。 sortOrder string 定义列的排序顺序,只能用 'asc' 或 'desc'。
rowStyler: function (index, row) {
//返回例如 'background:red' 的样式。该函数需要两个参数:rowIndex:行的索引,从 0 开始。 rowData:该行相应的记录。
//row.listprice listprice 是欄位 id if (row.listprice>50)
/*這邊是用自己做跟 striped 一樣 但可改顏色
var ii = index % 2;
if (index==0){
return 'background-color:aquamarine;font-weight:bold;';
}
*/
}
});
toolbar: '#ftitle',
rownumbers: true,//设置为 true,则显示带有行号的列。
onClickRow: myrow,
singleSelect: true,//设置为 true,则只允许选中一行
checkOnSelect: true,//如果设置为 true,当用户点击某一行时,则会选中/取消选中复选框。如果设置为 false 时,只有当用户点击了复选框时,才会选中/取消选中复选框。
fitColumns: true,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
collapsible: true,
//selectOnCheck 如果设置为 true,点击复选框将会选中该行。如果设置为 false,选中该行将不会选中复选框。
//pagination: true,//设置为 true,则在数据网格(datagrid)底部显示分页工具栏。
分頁部分可以再研究
striped: true,//设置为 true,则把行条纹化。(即奇偶行使用不同背景色)
//sortName string 定义可以排序的列。 sortOrder string 定义列的排序顺序,只能用 'asc' 或 'desc'。
rowStyler: function (index, row) {
//返回例如 'background:red' 的样式。该函数需要两个参数:rowIndex:行的索引,从 0 开始。 rowData:该行相应的记录。
//row.listprice listprice 是欄位 id if (row.listprice>50)
/*這邊是用自己做跟 striped 一樣 但可改顏色
var ii = index % 2;
if (index==0){
return 'background-color:aquamarine;font-weight:bold;';
}
*/
}
});
留言
張貼留言