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） 快速开发 微信内获取和传播 出色的使用体验
原文地址：https://www.cnblogs.com/houchen/p/11047744.html