6.10-----6.16

Posted 2022-01-21 houchen

6.4 星期二

1.fit= true    自动适应大小
  border=true  存在边框

2.datagrid
var datagrid;
$(function()
    $(‘#datagrid‘).datagrid(
        //请求数据的服务器端的地址
        url:‘‘,
        //datagrid标题
        title:‘‘,
        //datagrid图标
        iconCls:‘‘,
        //是否进行分页
        pagination:true,
        //分页时，每页的大小
        pageSize:10,
        //分页大小的列表
        pageList:[10,20,30],
        //真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
        fitColumn:true,
        //是否自动调整大小，以适应父框架
        fit:true,
        //隔页删除
        idField:‘id‘,
        //排序列名
        sortName:
        排序方式
        sortOrder:
        //来定义每一个列字段
        columns:[[
        title:‘编号‘,
        field:‘id‘,
        width:100
        ,
        title:‘姓名‘,
        field:‘name‘,
        width:100
        ,
        title:‘密码‘,
        field:‘password‘,
        width:100
        ]],
        //toolbar的参数为按钮的数组
        toolbar:[
        text:‘增加‘，
         iconCls:‘icon-add‘,
         handler:function()
         ,
         text:‘删除‘，
         iconCls:‘icon-add‘,
         handler:function()
         ,
         text:‘修改‘，
         iconCls:‘icon-add‘,
         handler:function()
        
        ],
        
    );
);

=======================华丽的分割线 6.10星期一=====================

6.10 星期一
1.datagrid的frozenColumns（冻结列）
  作用：配置了该属性后，当列的总宽度超过了页面时，会出现滚动条
        此时冻结列将会固定，也就是滚动条不会出现在冻结列下方
    frozenColumns:[
        title:‘编号‘,
        field:‘id‘,
        width:100,
        sortable:true,
        checkbox:true
    ,
        title:‘姓名‘,
        field:‘name‘,
        width:100,
        sortable:true,
        editor:
            type:‘vaildatebox‘,
            options:
                required:true;
            
        
    ]

2. datagrid的右击事件onRowContextMenu
onRowContextMenu:function(e,rowIndex,rowData)
    e.preventDefault(); //阻止浏览器的右键默认事件
    //参数为menu弹窗出现的位置
    /*$(‘#menu‘).menu(‘show‘,
        left:200,
        top:100
    )*/
    //取消所有选中的行
    $(this).datagrid(‘unselectAll‘);
    //选中当前索引指向的行
    $(this).datagrid(‘selectRow‘,rowIndex);
    //使右键菜单出现的位置随着鼠标的变化而变化
    $(‘#menu‘).menu(‘show‘,
        left:e.pageX,
        top:e.pageY
    )





6.11 星期二
二.datagrid的formatter  
$(‘#dg‘).datagrid(
    columns:[[
        field:‘userId‘,title:‘User‘, width:80,
            //value 当前列的值
            //row 当前行（是一个对象）
            //index 当前行的索引
            formatter: function(value,row,index)
                //return必须得返回字符串
                return value;
            
        
    ]]
);


三.将长整型数字转化为标准化的时间格式
1、前台利用formatter进行日期格式转化

    title:‘创建时间‘,
    field:‘createdatetime‘,
    sortable:true,
    width:150,
    formatter:function(r)
    //要扩展javascript的format方法
        return new Date(v).format();
    


2、后台利用fastJson将一个Date对象转化为字符串
JSON.toJsonStringWithDateFormat(object,"yyyy-MM-dd HH:mm:ss");

四、datagrid的行列样式
行样式：rowStyler
需要返回字符串
rowStyler:function(rowIndex,rowDate)
    //让所有name!=admin的行的背景色变红
    if(rowData.name==‘admin‘)
        return ‘‘;
    
    return ‘background:red‘;


列样式：styler
写在columns里面
styler:function(value,rowDate,rowIndex)
    //让所有name!=admin的行的背景色变红
    if(rowData.name==‘admin‘)
        return ‘‘;
    
    return ‘background:red‘;




6.12 星期三
一、easyUI的tree
1. lines:true  tree的前面有虚线

2. loadData:tree加载数据
    var data=[,,...]; //data是一个jason的数组
    $(‘#tt‘).tree(‘loadData‘,data);
    
3.异步树只需要一个url
4.checkbox:true 节点前有一个复选框
5.cascadeCheck:true  级联选中 选中子节点，父节点有一个半选状态
6.var c= $(‘#tt‘).tree(‘getChecked‘);
  获得选中的节点

7.自动展开树的所有节点
1).利用tree的onLoadSuccess事件
onLoadSuccess事件: tree加载数据成功后调用的方法
//node:当前节点  data:当前节点的值
onLoadSuccess:function(node,data)
    var t=$(this);
    if(data)
        $(data).each(function(index,d)
            if(this.state==‘closed‘)
                t.tree(‘expandAll‘);
            
        )
    


2).需要后台返回时，就要携带children



8. animate:true 定义节点在展开或折叠的时候是否显示动画效果。

9.onlyLeafCheck:true 只有叶子节点才有复选框
  此时必须具有checkbox:true属性
 
10.dnd:true 使树中的节点具有拖拽功能

11.var data=[,,...]; //data是一个jason的数组
  $(‘#tt‘).tree(
     data:data
  );


tree的事件
12. onClick:在用户点击一个节点的时候触发。
$(‘#tt‘).tree(
       onClick: function(node)
        alert(node.text); // 在用户点击的时候提示
    
);

13.onBeforeLoad:在请求加载远程数据之前触发，返回false可以取消加载操作




6.13 星期四   
一、easyUI的combobox
combobox依赖于combo,combobox没有的属性可以再combo中找

1.combobox的自动补全
1）远程

2）本地检索
var d=[    
    "id":1,    
    "text":"text1"   
,    
    "id":2,    
    "text":"text2"   
,    
    "id":3,    
    "text":"text3",    
    "selected":true   
,    
    "id":4,    
    "text":"text4"   
,    
    "id":5,    
    "text":"text5"   
];

$(function()
    loginComboboxName=$(‘#loginComboboxName‘).combobox(
        data:d,
        textField:‘text‘,
        valueField:‘id‘,
        //对本地数据进行过滤
        //q:下拉框中输入的数据，作为过滤的条件
        filter:funtion(q,row)
            //获取combobox的所有属性
            var opts=$(this).combobox(‘options‘);
            //返回textField中包含q的行
            return row[opts.textField].indexof(q)>0;            
        
    )；
)；






6.14 星期五  
一、easyUI的combotree


二、easyUI的combogrid



6.15 星期六  
一、oracle
一个Oracle服务器是由一个oracle数据库和多个oracle实例构成
oracle数据库：磁盘
oracle实例：内存


oracle的集群叫做RAC ：real application cluster
集群的优点：
1.Load Balance:负载均衡
2.Fail Over :失败迁移


oracle的体系结构
数据库orcl
1.数据文件 dbf
2.控制文件 ctl
3.日志文件 log


内存 实例
PGA：Process
SGA:system global area



二、微信小程序的开发
微信小程序的特色：
小   开放（api）  快速开发    微信内获取和传播   出色的使用体验