分类 Unity 下的文章

英语部分:
百词斩50个单词
百词斩爱阅读
每日英语听力练习
可可英语15个单词

编程部分:
学习新编程语言
刷题
学习专业课知识

datagrid 最好加个属性  border:false

窗体要加按钮,在窗体里面再加个layout
窗体也分上下两部分,上面表单panel也要加border:false,下面工具栏

窗体先不能出来

modal 属性:true 窗体关掉才能点
resizble 属性:false 不给调整窗体大小
closed: true  写在data-options

按钮做了不喜欢扁平,可以操作 
$().linkbutton({
plain:false,
onClick:function(){$().window('close');}
});
datagrid:
rownumber: true  显示序号(位数过多可能有问题)
singleSelect 是否只选一条
selectOnCheck 当你打勾的时候选不选中
checkOnSelect 选中的时候打不打勾

colums 数组里面再加数组
title 名字 field(跟数据库一致) width haligh align 居中

frozenColumns
var row = $('#myGrid1').datagrid('getSelected');
if(!row) return;

窗体打开后再聚焦,赋值后语句功能就没有了
聚焦及全部选中
删除多行
not a function 对象错了

var rows= $().datagrid('GetChecked');

rows里面有很多东西,只需要把主键告诉删的东西

for...
{
var row ={};
row.studentid = rows[i].studentid;
row._action = 'delete';
}
datagrid('getRowIndex',rows[i]) 告诉它第几行,计算机告诉你在网格是第几行

倒着删

datagrid('deleteRows',index)

getData 和 getRows 是两回事

var msg='<center>共删除'+rows.length+'行<br>';

messager.confirm('系统提示',msg+'是否确定本次删除?',function(r){console.log(r);
if(r){}
})

删除一行的最好把关键字也放上来
$.messager.alert({
title:'',
msg:'',
fn:function(){}
})

$.messager.alert('系统提示','记录已删除成功!','error');  //info,warning

datagrid api找到column 列的属性

{.....某一列....
formatter: function(value,row,index){
    s='<div style="family:'times new roman';">'+value+'</div>'
  }
}

Layout必须加 data-options="fit:true" 

先放panel后放datalist 不然没有滚动条 

datalist把最主要的内容显示出来,把存储过程函数改一下多列合并

函数可能没提供某些特定功能 
$('xxx').textbox({multiline: true;});

控件的名称和数据库的列名要一样
$('input, select, textarea').each(function(index){
    var id = $(this).attr('id');  // if(id!=undefined)
    row[id]=$(this).val(); // textbox('getValue')
}); 把控件取出来

id.substr(0,7)!='_easyui'

textarea 用 val()
隐藏变量
myHiddenFields('rowid;titlex');

var str=;<input hidden="true" type="hidden" id="rowid">;
$('body').append
addoredit = "replace"; 点过一行所有的保存都是修改的保存
点新增的才算 addoredit = "add"

保存完了之后要把 addoredit 改成replace
将选中的序号记录下来 rowindex=index;
选中 datalist('selectRow',rowindex)

删除数据库里面删掉,客户端也删除,但是光标要重新弄,第十行删除后,光标应该位于第九
if(rowindex==rows.length-1) rowindex--;

var n = $().datalist('getRows').length

删完后要判断 if(row==null) return;

老祝的jsp程序的函数可以在easyui_functions里面找

Filebox的属性
buttonText  按钮文字
buttonAlign  按钮出现在哪边
multiple 多选文件

文件夹不一样,文件头也不一样

{sys.timestamp} 时间戳 

var files = $('#filebox1').filebox('files');取出选中的文件

files[i] 每个文件信息

取扩展名,源文件找到最后一个点,然后取后面的  
xxx.substring(xxx.lastIndexOf(".")+1,255).toLowerCase();
xhr.status ==200 上传正常
var rs= JSON.parse(xhr.responseText)   文件上传反馈
rs.filesourcename 上传的文件名

删除层 $('#myfile'+index).remove() 删除

将每个文件信息放进data数组

$().attr('xdata',JSON.stringify(data)); 添加属性

$().filebox('clear'); 上传后清空
var xtabs=$('#myTab').tabs('tabs');
n = xtabs.length+1;

closable 是否可关 
title 标题
selected 是否选中
iframe class='media'

flag 记住有没有被找到+找到第几个

图标在 system/css/icon.css

添加一个按钮必须三步,第一个字符串,第二个append,第三个描述一下控件

var x = left+(i-1)*width;  每个按钮的left绝对定位

不能把 if(style.indexOf('plain')>=0) 写在控件属性里 

style=';'+style+';';

防止 style出现 xrplain;selectedd 这样的问题,判断用 ;plain;
class="easyui-separator"  竖线也用 $().linkbutton()

style==undefined  参数不定义

layout层中不要写东西
class="easyui-layout" data-options="fit:true" 可以写body里
centerpanel 剩下的  region=north/south/east/west

split:true 可以拉的分割线
audio:
controls  控制板
loop 循环播放
datalist('selectRow',0); 触发 控件里的 onSelected事件

Tabs 选项卡

filebox 列表

取控件某一个属性
var w = $("#myForm1").panel('options').width;

修改文本框的值
$("#stunname").textbox('setValue','张学友');

事件
$("").textbox({
onChange:function(newv,oldv){},
buttonIcon:'locationIcon',
onClickButton:function(){
   s=$("#stuname").textbox('getValue');
   alert(s);
     }
})
用户定义函数

select sys_getPyCode($str) as pycode;

调用
p={];
p.str= 赋值
rs= 调用存储过程
var s = rs.rows[0].pycode;

myRunSqlProcedure 需要调用 system/easuui_functions.js
省份改变后,通过事件把城市data改变

$("").combobox({
data:rs.rows,
label:'省份',
labelWidth:66,
labelAlign:'right',
valueField: 'areaid',
textField: 'areaname',
height:28,
width:280,
onSelect:function(row){
  .....
  $("").combobox({data:rs.rows});
}
})

$("").combobox('select',rs.rows[10].areaid);

$("").combobox('loadData',rs.rows);  注意语句顺序
editable:false

if(rows.length>15) $().combox({panelHeight:200});
else  $().combox({panelHeight:'auto'});
格式变换器,每一行执行
formatter:function(row){
var opts= $(this).combobox('options');
s=row[opts.textField];
....
return s;

作业1:
自己设计一个页面,把easyui Form(表单)的控件能用的全部用上
<%@ include file="system/easyui_header_plugin.jsp"%>

头文件包含多个css、js引用
<div id="xxx" class="easyui-panel" data-options="title:'aaaaa',width:400" style=""></div>

data-options 填写控件属性,间隔逗号。style里面写html语句
style 比 data-options 执行要迟,js里最迟

js里面写控件class没效果,html里面class有效果
$('#XXX').textbox(); 真正动态产生控件

tips:外面加一个层把绝对定位放到层里

$('#XXX').textbox({
label:'',
labelwidth:'',
width:300,
labelAlign:'right'
});
控件生成函数

function CreateTextbox(xparent,xid,xlabel,xlabelwidth,xtop,xleft,xheight,xwidth,xvalue){
if(xheight<=0) xheight=28;
if(xlabelwidth<=0) xlabelwidth=70;
   str='<div style="position:absolute; top:'+xtop+'px; left:'+xleft+'px;">
<input id="'+xid+'" class="easyui-textbox" /></div>';
   $('#'+xparent).append(str);
   $('#'+xid).textbox({
   label: xlabel+':',
   labelwidth:xlabelwidth,
   height:xheight,
   width:xwidth,
   labelAlign:'right'
   });
}
$(...).numberbox('textbox').css("text-align","right");  //右对齐