JSP 使用easyui 绑定datagrid

js代码 modelInfoTable为jsp页面表格id,还不懂我就没办法了

//加载表格

$('#modelInfoTable').datagrid({

toolbar : [ {//正上方工具栏

text : '添加手机',

iconCls : 'icon-add',

handler : function() {

//点击工具栏运行的js方法

openDialog_modelInfo_add()

}

}],

height:tableHeight,

pagination : true,

pageNumber : 1,

pageSize : 25,

loadMsg : '数据加载中,请稍后...',

pageList : [ 25,50,100,200,500,1000], //设置每页显示多少条

onLoadError : function() {

AlertInfo('数据加载失败!')

},

onClickRow : function(rowIndex, rowData) {

//取消选择某行后高亮

$('#modelInfoTable').datagrid('unselectRow', rowIndex)

},

onLoadSuccess : function() {

var value = $('#modelInfoTable').datagrid('getData')['errorMsg']

if (value != null) {

AlertInfo("错误消息:" + value)

}

},

url : root + '/mobile/doModelInfoSearch.jhtml'

}).datagrid('acceptChanges')

}

1、首先写入导出按钮和需要导出的datagrid列表。

2、点击导出按钮；获得需要导出的字段与不需要导出的数据进行数据处理，并且进行json解析。

3、异步 *** 作进入后台获取数据。

4、后台将数据写入excel(其中还有一个帮助类)。

可以扩展原来的，这是几个例子，用的时候就和easyui的其他验证一样用。

$.extend($.fn.validatebox.defaults.rules,

{

maxLength:

{

validator:

function(value,

param)

{

return

value.length

<=

param[0]

},

message:

'最多输入{0}个字符'

},

telephone:

{

validator:

function(value)

{

var

pattern

=

new

RegExp(/^((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)$/)

return

pattern.exec(value)

},

message:

'请输入有效格式的座机号码、手机号或传真'

},

postcode:

{

validator:

function(value)

{

var

pattern

=

new

RegExp(/^[1-9]{1}(\d){5}$/)

return

pattern.exec(value)

},

message:

'请输入有效格式的邮政编码'

}

})

---