jquery easy ui里面怎么调用js方法

JavaScript019

jquery easy ui里面怎么调用js方法,第1张

$(document).ready(function(){ //将事件写这个方法里边 //点击ID为a的元素触发alert $('#a').click(function(){ alert('aaaa')； })})

下面这个是EasyUi的拓展 你需要下载datagrid-detailview.js这个JS

$('#tt').datagrid({

title:'DataGrid - DetailView',

width:500,

height:250,

remoteSort:false,

singleSelect:true,

nowrap:false,

fitColumns:true,

url:'datagrid_data.json',

columns:[[

{field:'itemid',title:'Item ID',width:80},

{field:'productid',title:'Product ID',width:100,sortable:true},

{field:'listprice',title:'List Price',width:80,align:'right',sortable:true},

{field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},

{field:'attr1',title:'Attribute',width:150,sortable:true},

{field:'status',title:'Status',width:60,align:'center'}

]],

view: detailview,

detailFormatter: function(rowIndex, rowData){

return '<table><tr>' +

'<td rowspan=2 style="border:0"><img

src="images/' + rowData.itemid + '.png"

style="height:50px"></td>' +

'<td style="border:0">' +

'<p>Attribute: ' + rowData.attr1 + '</p>' +

'<p>Status: ' + rowData.status + '</p>' +

'</td>' +

'</tr></table>'

}

})

fitColumns 参数设置为true可以达到你的要求,fit 参数可以让高度也自适应,这两个参数使用的前提是你放置grid的盒子有宽度和高度.

使用这个参数时也是要给columns设置width属性的,这时候的width相当于比例,如果width的值一样,则平均分配,如果有某一列width稍大,则该列在填充的时候也会稍微大一点。

PS:easyui的API是继承的,很多插件的属性都继承自父类,所以,如果你查看一个空间的api,但是没有找到合适的方法和属性,请查看它的父类的属性或方法。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。