jquery和easui学习总结_jQuery及EasyUI学习心得

3、void(0) 的意思

在标签中，废除原来的链接，而使用JS函数的方法有2种。

①链接

②链接。 如果是这种情况的话，就需要在JS中写：

$(function(){

$("#dd1").click(function(){alert("这是个链接");});

});二、easyUI 部分

1、写法

easyUI可以有2种写法。一种是直接写标签，方法是在标签中加入： class="easyui-类型"，如class="easyui-tabs"。但奇怪的是，所有引入的css和js文件中，都没有这些"easyui-tabs"的定义，可能是他们把这些类给断开写了吧； 另外一种写法是现用标签写个简单的input 或 div，然后在JS文件中写代码，如：

$("p").panel()2、easyUI 的属性、方法、事件、构造函数

①在JS写UI的构造函数时，好像只能(我是这样看的的)写JS的属性或事件，如：

$('#tt').tabs({

border:false,

onSelect:function(title){alert(title+'is selected');}

});②属性的取值、赋值 写法

如：$('p').panel().title

以上这个写法只是取值的写法。如果需要赋值，还是需要再写一遍构造函数，如：$('p').panel({title:"这是改变后标题"}); 通过这样的方式，就可以只更改一个属性，其他属性不变。

③方法的写法

无参数方法的写法： $('tt').tabs('getSelected');

有参数方法的写法：$('p').panel('move',{left:100,top:100} );

3、Tabs 插件

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

functionaddTab(tit){

if(!$('#tt').tabs('exists',tit)){//看这个title是否存在

$('#tt').tabs('add',{title:tit, content:'Tab Body'});

} }

4、DataGrid 编辑

①分页语句：

select*from(

selectrownum r,  field1,field2fromtable_namewhererownum <= page*rows

)wherer > (page-1) *rows②双击行，进行操作

在构造函数中写：

onDblClickRow:function() {

varselected = $('#test').datagrid('getSelected');

if(selected){

window.open("DataView.action?Id="+selected.ID);

}}③删除

functionDelAff(){

$.messager.confirm('确认','是否真的删除?',function(r){

if(r){

varselected = $('#test').datagrid('getSelected');

if(selected){

varindex = $('#test').datagrid('getRowIndex', selected);

$('#test').datagrid('deleteRow', index);

DeleteSubmit(selected);

}

}

});

}

functionDeleteSubmit(selected)

{

varurl="DataDelete.action?Id="+selected.ID;

$.post(

url

);

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