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;';
                    }
                    */
                }
             
            });

留言

熱門文章