easyUI总结部分

easyUI总结部分
1、写法
easyUI可以有2种写法。一种是直接写标签，方法是在标签中加入： class=”easyui-类型”，如class=”easyui-tabs”。另外一种写法是现用标签写个简单的input 或 div，然后在JS文件中写代码，如：

$(“p”).panel()

2、easyUI 的属性、方法、事件、构造函数
a、在JS写UI的构造函数时，好像只能写JS的属性或事件，如：

$(‘#tt’).tabs({
border:false,
onSelect:function(title){alert(title+’is selected’);}
});

b、属性的取值、赋值 写法

$(‘p’).panel().title

以上这个写法只是取值的写法。如果需要赋值，还是需要再写一遍构造函数

$(‘p’).panel({title:”这是改变后标题”});

通过这样的方式，就可以只更改一个属性，其他属性不变。
c、方法的写法
无参数方法的写法：

$(‘tt’).tabs(‘getSelected’);

有参数方法的写法：

$(‘p’).panel(‘move’,{left:100,top:100} );

  $('#inputUername').attr({ readonly: 'true' });

3、Tabs插件
Tabs就是多个panel的组合。在实际中，添加tab的方法如下：

function addTab(tit){
if(!$(‘#tt’).tabs(‘exists’,tit)){ //看这个title是否存在
$(‘#tt’).tabs(‘add’,{title:tit, content:’Tab Body’ });
}}

4、DataGrid 编辑
a、分页语句

select * from(
select rownum r, field1,field2 from table_name where rownum > = page* rows )where r < (page-1) * rows

b、双击行，进行操作
在构造函数中写：

onDblClickRow: function() {
var selected = $(‘#test’).datagrid(‘getSelected’);
if (selected){
window.open(“DataView.action?Id=”+selected.ID);
}}

c、删除

function DelAff(){
$.messager.confirm(‘确认’,'是否真的删除?’,function(r){
if (r){
var selected = $(‘#test’).datagrid(‘getSelected’);
if (selected){
var index = $(‘#test’).datagrid(‘getRowIndex’, selected);
$(‘#test’).datagrid(‘deleteRow’, index);
DeleteSubmit(selected);
}
}
});
}
function DeleteSubmit(selected)
{
var url=”DataDelete.action?Id=”+selected.ID;
$.post(
url
);
}

这样页面的删除和数据库中的删除都实现了。