码迷,mamicode.com
首页 > 其他好文 > 详细

6.10-----6.16

时间:2019-06-18 21:48:39      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:dbf   admin   form   proc   uefi   时间格式   格式   lob   节点   

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)  快速开发    微信内获取和传播   出色的使用体验

6.10-----6.16

标签:dbf   admin   form   proc   uefi   时间格式   格式   lob   节点   

原文地址:https://www.cnblogs.com/houchen/p/11047744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!